{"id":104,"date":"2026-09-11T13:57:22","date_gmt":"2026-09-11T19:57:22","guid":{"rendered":"https:\/\/diremex.com.mx\/sitiosia\/casos-diseno-web-seo-empresa-industrial-saltillo\/"},"modified":"2026-09-11T13:57:22","modified_gmt":"2026-09-11T19:57:22","slug":"casos-diseno-web-seo-empresa-industrial-saltillo","status":"publish","type":"page","link":"https:\/\/diremex.com.mx\/sitiosia\/casos-diseno-web-seo-empresa-industrial-saltillo\/","title":{"rendered":"Caso IIEMCO | Dise\u00f1o Web y SEO Industrial Saltillo"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\/* Diremex v3 \u2014 Nimo-inspired \u00b7 light \u00b7 Poppins \u00b7 .dmx-* *\/\n\n:root {\n  --dmx-bg: #ffffff;\n  --dmx-bg-soft: #f4f6fb;\n  --dmx-bg-blue: #eef3ff;\n  --dmx-bg-red: #fff5f5;\n  --dmx-surface: #ffffff;\n  --dmx-ink: #0f1d3a;\n  --dmx-ink-soft: #4a5568;\n  --dmx-ink-muted: #8b95a8;\n  --dmx-red: #dc2626;\n  --dmx-red-dark: #b91c1c;\n  --dmx-red-soft: rgba(220, 38, 38, 0.1);\n  --dmx-blue: #1e40af;\n  --dmx-blue-dark: #1e3a8a;\n  --dmx-blue-soft: rgba(30, 64, 175, 0.08);\n  --dmx-gradient: linear-gradient(135deg, var(--dmx-red) 0%, #ef4444 45%, var(--dmx-blue) 100%);\n  --dmx-gradient-blue: linear-gradient(135deg, var(--dmx-blue) 0%, #3b82f6 100%);\n  --dmx-gradient-red: linear-gradient(135deg, var(--dmx-red-dark) 0%, var(--dmx-red) 100%);\n  --dmx-border: rgba(15, 29, 58, 0.08);\n  --dmx-border-strong: rgba(15, 29, 58, 0.14);\n  --dmx-font: \"Poppins\", sans-serif;\n  --dmx-font-display: var(--dmx-font);\n  --dmx-font-body: var(--dmx-font);\n  --dmx-radius: 20px;\n  --dmx-radius-lg: 28px;\n  --dmx-radius-pill: 999px;\n  --dmx-shadow: 0 4px 24px rgba(15, 29, 58, 0.06);\n  --dmx-shadow-lg: 0 24px 64px rgba(15, 29, 58, 0.12);\n  --dmx-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  --dmx-speed: 0.45s;\n  --dmx-container: min(1200px, 92vw);\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml {\n  scroll-behavior: smooth;\n  -webkit-text-size-adjust: 100%;\n  font-family: var(--dmx-font);\n  overflow-x: hidden;\n  max-width: 100%;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html { scroll-behavior: auto; }\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\nbody.dmx-body {\n  font-family: var(--dmx-font-body);\n  font-size: clamp(0.9375rem, 0.9rem + 0.15vw, 1.0625rem);\n  line-height: 1.75;\n  color: var(--dmx-ink);\n  background: var(--dmx-bg);\n  overflow-x: hidden;\n  max-width: 100%;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n}\n\nbody.dmx-body > main {\n  overflow-x: clip;\n  max-width: 100%;\n}\n\nimg, svg { display: block; max-width: 100%; height: auto; }\na { color: inherit; text-decoration: none; }\nbutton { font: inherit; cursor: pointer; border: none; background: none; }\n\n.dmx-container {\n  width: var(--dmx-container);\n  max-width: 100%;\n  margin-inline: auto;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.dmx-section { padding-block: clamp(72px, 9vw, 112px); position: relative; }\n.dmx-section--soft { background: var(--dmx-bg-soft); }\n.dmx-section--blue { background: var(--dmx-bg-blue); }\n.dmx-section--red { background: var(--dmx-bg-red); }\n.dmx-section--dark {\n  background: var(--dmx-ink);\n  color: #fff;\n}\n.dmx-section--dark .dmx-text-muted { color: rgba(255, 255, 255, 0.65); }\n\n\/* Typography *\/\n.dmx-display { font-family: var(--dmx-font-display); font-weight: 700; }\n\n.dmx-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--dmx-font-body);\n  font-size: 0.6875rem;\n  font-weight: 600;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--dmx-red);\n  margin-bottom: 18px;\n}\n\n.dmx-eyebrow--blue { color: var(--dmx-blue); }\n\n.dmx-eyebrow__line {\n  width: 32px;\n  height: 2px;\n  background: var(--dmx-gradient);\n  border-radius: 2px;\n}\n\n.dmx-h1 {\n  font-size: clamp(2.375rem, 1.5rem + 3.6vw, 4.25rem);\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n.dmx-h2 {\n  font-size: clamp(1.875rem, 1.25rem + 2.2vw, 3rem);\n  line-height: 1.12;\n  letter-spacing: -0.02em;\n}\n.dmx-h3 {\n  font-size: clamp(1.125rem, 1rem + 0.35vw, 1.375rem);\n  line-height: 1.3;\n}\n\n.dmx-accent-red { color: var(--dmx-red); }\n.dmx-accent-blue { color: var(--dmx-blue); }\n\n.dmx-gradient-text {\n  background: var(--dmx-gradient);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n.dmx-text-muted { color: var(--dmx-ink-soft); }\n\n.dmx-breadcrumb {\n  padding-top: 1rem;\n  font-size: 0.8125rem;\n  max-width: 100%;\n}\n.dmx-breadcrumb__list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.35rem 0.5rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  color: var(--dmx-ink-muted);\n}\n.dmx-lead { font-size: clamp(1rem, 0.95rem + 0.25vw, 1.1875rem); line-height: 1.7; }\n.dmx-link { color: var(--dmx-blue); font-weight: 600; transition: color 0.25s; }\n.dmx-link:hover { color: var(--dmx-red); }\n\n\/* Buttons *\/\n.dmx-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 52px;\n  padding: 14px 22px;\n  font-family: var(--dmx-font-body);\n  font-size: 0.875rem;\n  font-weight: 600;\n  border-radius: var(--dmx-radius-pill);\n  border: 2px solid transparent;\n  transition: transform var(--dmx-speed) var(--dmx-ease), box-shadow var(--dmx-speed), background var(--dmx-speed), color var(--dmx-speed);\n}\n\n.dmx-btn:focus-visible { outline: 2px solid var(--dmx-blue); outline-offset: 3px; }\n\n.dmx-btn--red {\n  background: var(--dmx-red);\n  color: #fff;\n  box-shadow: 0 8px 28px rgba(220, 38, 38, 0.28);\n}\n.dmx-btn--red:hover { transform: translateY(-2px); background: var(--dmx-red-dark); }\n\n.dmx-btn--blue {\n  background: var(--dmx-blue);\n  color: #fff;\n  box-shadow: 0 8px 28px rgba(30, 64, 175, 0.25);\n}\n.dmx-btn--blue:hover { transform: translateY(-2px); background: var(--dmx-blue-dark); }\n\n.dmx-btn--outline {\n  background: transparent;\n  border-color: var(--dmx-border-strong);\n  color: var(--dmx-ink);\n}\n.dmx-btn--outline:hover {\n  border-color: var(--dmx-blue);\n  color: var(--dmx-blue);\n  background: var(--dmx-blue-soft);\n}\n\n.dmx-section--dark .dmx-btn--outline {\n  border-color: rgba(255, 255, 255, 0.25);\n  color: #fff;\n}\n.dmx-section--dark .dmx-btn--outline:hover {\n  background: rgba(255, 255, 255, 0.08);\n  border-color: #fff;\n  color: #fff;\n}\n\n.dmx-btn-group { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }\n\n.dmx-btn__arrow {\n  width: 18px;\n  height: 18px;\n  transition: transform var(--dmx-speed) var(--dmx-ease);\n}\n.dmx-btn:hover .dmx-btn__arrow { transform: translateX(4px); }\n\n\/* Header *\/\n.dmx-header {\n  position: fixed;\n  inset: 0 0 auto;\n  z-index: 200;\n  padding: 20px 0;\n  transition: padding var(--dmx-speed), background var(--dmx-speed), box-shadow var(--dmx-speed);\n}\n\n.dmx-header--scrolled {\n  padding: 12px 0;\n  background: rgba(255, 255, 255, 0.92);\n  backdrop-filter: blur(16px);\n  box-shadow: 0 1px 0 var(--dmx-border), 0 8px 32px rgba(15, 29, 58, 0.06);\n}\n\n.dmx-header__inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  position: relative;\n  min-width: 0;\n  width: 100%;\n}\n\n.dmx-logo img { width: auto; height: 38px; }\n\n.dmx-nav {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n}\n\n.dmx-nav__link {\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--dmx-ink-soft);\n  transition: color 0.25s;\n  position: relative;\n}\n\n.dmx-nav__link::after {\n  content: \"\";\n  position: absolute;\n  bottom: -4px;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background: var(--dmx-red);\n  transition: width 0.3s var(--dmx-ease);\n}\n\n.dmx-nav__link:hover { color: var(--dmx-ink); }\n.dmx-nav__link:hover::after { width: 100%; }\n\n.dmx-nav-toggle {\n  display: none;\n  padding: 8px;\n  color: var(--dmx-ink);\n}\n\n\/* Hero \u2014 Nimo-style split with shapes *\/\n.dmx-hero {\n  position: relative;\n  min-height: 100svh;\n  display: flex;\n  align-items: center;\n  padding-top: 110px;\n  overflow: hidden;\n  background: var(--dmx-bg);\n}\n\n.dmx-hero__bg-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -55%);\n  font-family: var(--dmx-font-display);\n  font-size: clamp(6rem, 18vw, 16rem);\n  font-weight: 700;\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(30, 64, 175, 0.06);\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n  letter-spacing: -0.04em;\n}\n\n.dmx-hero__shape {\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.dmx-hero__shape--1 {\n  width: 420px;\n  height: 420px;\n  top: -120px;\n  right: -80px;\n  background: radial-gradient(circle, var(--dmx-red-soft), transparent 70%);\n}\n\n.dmx-hero__shape--2 {\n  width: 280px;\n  height: 280px;\n  bottom: 10%;\n  left: -60px;\n  background: radial-gradient(circle, var(--dmx-blue-soft), transparent 70%);\n}\n\n.dmx-hero__inner {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: clamp(40px, 5vw, 72px);\n  align-items: center;\n}\n\n.dmx-hero__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 18px 8px 8px;\n  background: var(--dmx-bg-blue);\n  border: 1px solid rgba(30, 64, 175, 0.12);\n  border-radius: var(--dmx-radius-pill);\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--dmx-blue);\n  margin-bottom: 24px;\n}\n\n.dmx-hero__badge-num {\n  display: grid;\n  place-items: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: var(--dmx-red);\n  color: #fff;\n  font-size: 0.75rem;\n  font-weight: 700;\n}\n\n.dmx-hero__visual { position: relative; }\n\n.dmx-hero__img-wrap {\n  position: relative;\n  border-radius: var(--dmx-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--dmx-shadow-lg);\n  border: 1px solid var(--dmx-border);\n}\n\n.dmx-hero__img-wrap::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 60%, rgba(15, 29, 58, 0.35));\n  z-index: 1;\n  pointer-events: none;\n}\n\n.dmx-hero__img-wrap img {\n  width: 100%;\n  aspect-ratio: 4 \/ 3;\n  object-fit: cover;\n}\n\n.dmx-hero__float {\n  position: absolute;\n  z-index: 2;\n  padding: 16px 20px;\n  background: #fff;\n  border-radius: var(--dmx-radius);\n  box-shadow: var(--dmx-shadow-lg);\n  border: 1px solid var(--dmx-border);\n  font-size: 0.8125rem;\n  font-weight: 500;\n  animation: dmx-float 5s ease-in-out infinite;\n}\n\n.dmx-hero__float--1 { bottom: -16px; left: -24px; }\n.dmx-hero__float--2 { top: 20px; right: -20px; animation-delay: -2.5s; }\n\n.dmx-hero__float strong {\n  display: block;\n  font-family: var(--dmx-font-display);\n  font-size: 1.5rem;\n  color: var(--dmx-red);\n  line-height: 1.1;\n}\n\n.dmx-hero__float--2 strong { color: var(--dmx-blue); }\n\n@keyframes dmx-float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n.dmx-hero__stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 48px;\n  padding-top: 32px;\n  border-top: 1px solid var(--dmx-border);\n}\n\n.dmx-hero__stat strong {\n  display: block;\n  font-family: var(--dmx-font-display);\n  font-size: 1.75rem;\n  color: var(--dmx-ink);\n  line-height: 1.1;\n}\n\n.dmx-hero__stat span {\n  font-size: 0.75rem;\n  color: var(--dmx-ink-muted);\n  font-weight: 500;\n}\n\n\/* Marquee *\/\n.dmx-marquee {\n  overflow: hidden;\n  max-width: 100%;\n  background: var(--dmx-blue);\n  padding-block: 20px;\n}\n\n.dmx-marquee__track {\n  display: flex;\n  width: max-content;\n  animation: dmx-marquee 28s linear infinite;\n}\n\n.dmx-marquee__track:hover { animation-play-state: paused; }\n\n.dmx-marquee__item {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding-inline: 40px;\n  font-size: 0.875rem;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.85);\n  white-space: nowrap;\n}\n\n.dmx-marquee__dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--dmx-red);\n  flex-shrink: 0;\n}\n\n@keyframes dmx-marquee {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* Section head *\/\n.dmx-section-head {\n  max-width: 640px;\n  margin-bottom: clamp(40px, 5vw, 56px);\n}\n\n.dmx-section-head--center {\n  margin-inline: auto;\n  text-align: center;\n}\n\n\/* Problem *\/\n.dmx-problem {\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: clamp(40px, 6vw, 80px);\n  align-items: center;\n}\n\n.dmx-problem__visual {\n  display: grid;\n  gap: 20px;\n}\n\n.dmx-media {\n  margin: 0;\n  overflow: hidden;\n  border-radius: var(--dmx-radius-lg);\n  box-shadow: var(--dmx-shadow-lg);\n}\n\n.dmx-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  aspect-ratio: 4 \/ 3;\n}\n\n.dmx-media--problem img { aspect-ratio: 7 \/ 5; }\n.dmx-media--sale img { aspect-ratio: 5 \/ 4; min-height: 280px; }\n.dmx-media--agenda {\n  margin-top: 28px;\n  box-shadow: var(--dmx-shadow);\n}\n\n.dmx-media--agenda img { aspect-ratio: 4 \/ 3; }\n\n.dmx-problem-card {\n  position: relative;\n  padding: clamp(48px, 6vw, 64px);\n  background: var(--dmx-gradient-red);\n  border-radius: var(--dmx-radius-lg);\n  color: #fff;\n  text-align: center;\n  overflow: hidden;\n}\n\n.dmx-problem-card::after {\n  content: \"\";\n  position: absolute;\n  width: 200px;\n  height: 200px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.08);\n  top: -60px;\n  right: -40px;\n}\n\n.dmx-problem-card__num {\n  font-family: var(--dmx-font-display);\n  font-size: clamp(4rem, 10vw, 6.5rem);\n  font-weight: 700;\n  line-height: 1;\n  margin-bottom: 12px;\n}\n\n.dmx-problem-card p { opacity: 0.9; font-size: 1rem; }\n\n\/* Benefits grid *\/\n.dmx-benefits {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n\n.dmx-benefit {\n  padding: clamp(28px, 3vw, 36px);\n  background: var(--dmx-surface);\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  transition: transform var(--dmx-speed), box-shadow var(--dmx-speed), border-color var(--dmx-speed);\n}\n\n.dmx-benefit:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dmx-shadow-lg);\n  border-color: rgba(30, 64, 175, 0.2);\n}\n\n.dmx-benefit--featured {\n  grid-column: span 2;\n  grid-row: span 2;\n  background: var(--dmx-bg-blue);\n  border-color: rgba(30, 64, 175, 0.15);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.dmx-benefit__icon {\n  width: 52px;\n  height: 52px;\n  display: grid;\n  place-items: center;\n  margin-bottom: 20px;\n  border-radius: 14px;\n  font-size: 1.375rem;\n  background: var(--dmx-red-soft);\n}\n\n.dmx-benefit--featured .dmx-benefit__icon { background: var(--dmx-blue); color: #fff; }\n\n.dmx-benefit__num {\n  font-family: var(--dmx-font-display);\n  font-size: 2.75rem;\n  color: var(--dmx-red);\n  line-height: 1;\n  margin-bottom: 8px;\n}\n\n\/* Portfolio *\/\n.dmx-portfolio-head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 40px;\n}\n\n.dmx-filters {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.dmx-filter {\n  padding: 10px 20px;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  border-radius: var(--dmx-radius-pill);\n  border: 1px solid var(--dmx-border);\n  background: var(--dmx-surface);\n  color: var(--dmx-ink-soft);\n  transition: all 0.3s var(--dmx-ease);\n}\n\n.dmx-filter:hover,\n.dmx-filter.is-active {\n  background: var(--dmx-blue);\n  color: #fff;\n  border-color: var(--dmx-blue);\n}\n\n.dmx-portfolio-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.dmx-portfolio-card {\n  position: relative;\n  background: var(--dmx-surface);\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  overflow: hidden;\n  transition: transform var(--dmx-speed), box-shadow var(--dmx-speed);\n}\n\n.dmx-portfolio-card:nth-child(3n+1) { margin-top: 0; }\n.dmx-portfolio-card:nth-child(3n+2) { margin-top: 24px; }\n\n.dmx-portfolio-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--dmx-shadow-lg);\n}\n\n.dmx-portfolio-card.is-hidden { display: none; }\n\n.dmx-portfolio-card__visual {\n  aspect-ratio: 16 \/ 10;\n  overflow: hidden;\n  background: var(--dmx-bg-soft);\n  position: relative;\n}\n\n.dmx-portfolio-card__visual img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.7s var(--dmx-ease);\n}\n\n@media (hover: hover) {\n  .dmx-portfolio-card__visual img {\n    height: auto;\n    min-height: 140%;\n    object-fit: cover;\n    object-position: top;\n    transition: transform 5s ease;\n  }\n  .dmx-portfolio-card:hover .dmx-portfolio-card__visual img {\n    transform: translateY(calc(-100% + 420px));\n  }\n}\n\n.dmx-portfolio-card__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(15, 29, 58, 0.75), transparent 55%);\n  opacity: 0;\n  transition: opacity var(--dmx-speed);\n  display: flex;\n  align-items: flex-end;\n  padding: 20px;\n}\n\n.dmx-portfolio-card:hover .dmx-portfolio-card__overlay { opacity: 1; }\n\n.dmx-portfolio-card__arrow {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: var(--dmx-red);\n  color: #fff;\n  display: grid;\n  place-items: center;\n  margin-left: auto;\n}\n\n.dmx-portfolio-card__body { padding: 22px 24px 26px; }\n\n.dmx-portfolio-card__tag {\n  display: inline-block;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--dmx-red);\n  margin-bottom: 8px;\n}\n\n.dmx-portfolio-card__desc {\n  margin-top: 8px;\n  font-size: 0.875rem;\n  color: var(--dmx-ink-soft);\n  line-height: 1.55;\n}\n\n.dmx-portfolio-card__kw {\n  margin-top: 10px;\n  padding-top: 10px;\n  border-top: 1px solid var(--dmx-border);\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--dmx-blue);\n}\n\n\/* Process *\/\n.dmx-process {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n\n.dmx-process__step {\n  position: relative;\n  padding: 32px 28px;\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: var(--dmx-radius);\n  transition: transform var(--dmx-speed), background var(--dmx-speed), border-color var(--dmx-speed);\n}\n\n.dmx-process__step.is-active,\n.dmx-process__step:hover {\n  background: rgba(255, 255, 255, 0.1);\n  border-color: rgba(220, 38, 38, 0.4);\n  transform: translateY(-4px);\n}\n\n.dmx-process__num {\n  font-family: var(--dmx-font-display);\n  font-size: 3rem;\n  font-weight: 700;\n  line-height: 1;\n  margin-bottom: 20px;\n  color: var(--dmx-red);\n  opacity: 0.85;\n}\n\n.dmx-process__step:nth-child(even) .dmx-process__num { color: #60a5fa; }\n\n\/* Sale block *\/\n.dmx-sale {\n  display: grid;\n  grid-template-columns: 0.85fr 1fr 0.9fr;\n  gap: clamp(32px, 4vw, 48px);\n  align-items: center;\n  padding: clamp(48px, 6vw, 72px);\n  background: var(--dmx-surface);\n  border-radius: var(--dmx-radius-lg);\n  border: 1px solid var(--dmx-border);\n  box-shadow: var(--dmx-shadow);\n  overflow: hidden;\n  position: relative;\n}\n\n.dmx-sale__deco {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  background: var(--dmx-blue-soft);\n  top: -100px;\n  right: -80px;\n  pointer-events: none;\n}\n\n.dmx-checklist {\n  list-style: none;\n  display: grid;\n  gap: 14px;\n  margin: 28px 0 0;\n}\n\n.dmx-checklist li {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-weight: 500;\n  font-size: 0.9375rem;\n}\n\n.dmx-checklist li::before {\n  content: \"\";\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--dmx-red);\n  mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 13l4 4L19 7'\/%3E%3C\/svg%3E\") center\/12px no-repeat;\n  -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 13l4 4L19 7'\/%3E%3C\/svg%3E\") center\/12px no-repeat;\n}\n\n.dmx-sale__cta { margin-top: 32px; }\n\n\/* Services *\/\n.dmx-services {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.dmx-service {\n  display: grid;\n  grid-template-columns: 88px 48px 1fr;\n  gap: 20px;\n  align-items: center;\n  padding: 28px;\n  background: var(--dmx-surface);\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  transition: transform var(--dmx-speed), box-shadow var(--dmx-speed), border-color var(--dmx-speed);\n}\n\n.dmx-service__thumb {\n  width: 88px;\n  height: 64px;\n  object-fit: cover;\n  border-radius: 12px;\n  box-shadow: var(--dmx-shadow);\n}\n\n.dmx-service--featured {\n  grid-template-columns: 120px 56px 1fr;\n  padding: 32px;\n}\n\n.dmx-service--featured .dmx-service__thumb {\n  width: 120px;\n  height: 80px;\n}\n\n.dmx-service:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--dmx-shadow);\n  border-color: rgba(220, 38, 38, 0.2);\n}\n\n.dmx-service--featured {\n  grid-column: span 2;\n  background: var(--dmx-gradient-blue);\n  color: #fff;\n  border-color: transparent;\n}\n\n.dmx-service--featured .dmx-text-muted { color: rgba(255, 255, 255, 0.75); }\n.dmx-service--featured .dmx-service__idx { color: rgba(255, 255, 255, 0.5); }\n\n.dmx-service__idx {\n  flex-shrink: 0;\n  font-family: var(--dmx-font-display);\n  font-size: 2.5rem;\n  font-weight: 700;\n  line-height: 1;\n  color: var(--dmx-red);\n  opacity: 0.35;\n}\n\n\/* Stats band *\/\n.dmx-stats {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n  text-align: center;\n}\n\n.dmx-stat__val {\n  font-family: var(--dmx-font-display);\n  font-size: clamp(2.5rem, 4vw, 3.5rem);\n  font-weight: 700;\n  line-height: 1;\n  color: #fff;\n  margin-bottom: 8px;\n}\n\n.dmx-section--dark .dmx-stat__val {\n  background: linear-gradient(135deg, #fca5a5, #93c5fd);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n\/* FAQ *\/\n.dmx-faq {\n  max-width: 780px;\n  margin-inline: auto;\n  display: grid;\n  gap: 12px;\n}\n\n.dmx-faq__item {\n  background: var(--dmx-surface);\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  overflow: hidden;\n  transition: border-color var(--dmx-speed);\n}\n\n.dmx-faq__item.is-open {\n  border-color: rgba(30, 64, 175, 0.25);\n  box-shadow: var(--dmx-shadow);\n}\n\n.dmx-faq__q {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  padding: 22px 24px;\n  text-align: left;\n  color: var(--dmx-ink);\n  font-weight: 600;\n  font-size: 0.9375rem;\n}\n\n.dmx-faq__icon {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--dmx-bg-blue);\n  color: var(--dmx-blue);\n  font-size: 1.25rem;\n  font-weight: 400;\n  transition: transform var(--dmx-speed), background var(--dmx-speed), color var(--dmx-speed);\n}\n\n.dmx-faq__item.is-open .dmx-faq__icon {\n  transform: rotate(45deg);\n  background: var(--dmx-red);\n  color: #fff;\n}\n\n.dmx-faq__a {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height var(--dmx-speed) var(--dmx-ease);\n}\n\n.dmx-faq__a-inner {\n  padding: 0 24px 22px;\n  color: var(--dmx-ink-soft);\n}\n\n.dmx-faq__item.is-open .dmx-faq__a { max-height: 280px; }\n\n\/* Agenda *\/\n.dmx-agenda {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(40px, 5vw, 72px);\n  align-items: start;\n}\n\n.dmx-form {\n  padding: clamp(32px, 4vw, 44px);\n  background: var(--dmx-surface);\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n  box-shadow: var(--dmx-shadow-lg);\n  position: relative;\n}\n\n.dmx-form::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 32px;\n  right: 32px;\n  height: 4px;\n  border-radius: 0 0 4px 4px;\n  background: var(--dmx-gradient);\n}\n\n.dmx-field { margin-bottom: 18px; }\n\n.dmx-field label {\n  display: block;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: var(--dmx-ink-soft);\n}\n\n.dmx-field input,\n.dmx-field textarea,\n.dmx-field select {\n  width: 100%;\n  padding: 14px 16px;\n  font: inherit;\n  border: 1px solid var(--dmx-border);\n  border-radius: 12px;\n  background: var(--dmx-bg-soft);\n  color: var(--dmx-ink);\n  transition: border-color 0.25s, box-shadow 0.25s;\n}\n\n.dmx-field input:focus,\n.dmx-field textarea:focus,\n.dmx-field select:focus {\n  outline: none;\n  border-color: var(--dmx-blue);\n  box-shadow: 0 0 0 3px var(--dmx-blue-soft);\n  background: #fff;\n}\n\n.dmx-field textarea { min-height: 110px; resize: vertical; }\n\n.dmx-form-note {\n  margin-top: 14px;\n  font-size: 0.8125rem;\n  color: var(--dmx-ink-muted);\n  text-align: center;\n}\n\n.dmx-form-feedback {\n  display: none;\n  margin-bottom: 16px;\n  padding: 14px 16px;\n  border-radius: 12px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.5;\n}\n\n.dmx-form-feedback:not(:empty) { display: block; }\n\n.dmx-form-feedback--success {\n  background: rgba(34, 197, 94, 0.12);\n  color: #15803d;\n  border: 1px solid rgba(34, 197, 94, 0.25);\n}\n\n.dmx-form-feedback--error {\n  background: rgba(220, 38, 38, 0.08);\n  color: var(--dmx-red-dark);\n  border: 1px solid rgba(220, 38, 38, 0.2);\n}\n\n.dmx-form-submit:disabled {\n  opacity: 0.7;\n  cursor: wait;\n  transform: none;\n}\n\n\/* CTA band *\/\n.dmx-cta-band {\n  text-align: center;\n  background: var(--dmx-gradient-red);\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n\n.dmx-cta-band__shape {\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.06);\n  top: -200px;\n  right: -100px;\n  pointer-events: none;\n}\n\n.dmx-cta-band .dmx-text-muted { color: rgba(255, 255, 255, 0.8); }\n\n.dmx-cta-band .dmx-btn--outline {\n  border-color: rgba(255, 255, 255, 0.5);\n  color: #fff;\n}\n.dmx-cta-band .dmx-btn--outline:hover {\n  background: rgba(255, 255, 255, 0.12);\n  border-color: #fff;\n}\n\n\/* Footer *\/\n.dmx-footer {\n  padding-block: 56px 36px;\n  background: var(--dmx-ink);\n  color: rgba(255, 255, 255, 0.75);\n}\n\n.dmx-footer__grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 40px;\n}\n\n.dmx-footer a {\n  display: block;\n  margin-top: 8px;\n  font-size: 0.9375rem;\n  color: rgba(255, 255, 255, 0.65);\n  transition: color 0.25s;\n}\n\n.dmx-footer a:hover { color: #fca5a5; }\n\n.dmx-footer__brand p { margin-top: 14px; font-size: 0.875rem; }\n.dmx-footer__label { font-size: 0.8125rem; opacity: 0.55; margin-bottom: 4px; }\n.dmx-footer__legal {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 40px;\n  padding-top: 24px;\n  border-top: 1px solid rgba(255, 255, 255, 0.12);\n  font-size: 0.8125rem;\n  opacity: 0.55;\n}\n.dmx-footer__legal a { display: inline; margin: 0; }\n\n\/* Hero showcase *\/\n.dmx-hero__checks {\n  list-style: none;\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px 20px;\n  margin-top: 32px;\n  font-size: 0.875rem;\n  color: var(--dmx-ink-soft);\n}\n.dmx-hero__checks li::before {\n  content: \"\u2713\";\n  color: var(--dmx-blue);\n  font-weight: 700;\n  margin-right: 8px;\n}\n.dmx-hero__showcase {\n  position: relative;\n  min-height: 420px;\n}\n.dmx-hero__device {\n  position: absolute;\n  border-radius: var(--dmx-radius);\n  overflow: hidden;\n  box-shadow: var(--dmx-shadow-lg);\n  border: 1px solid var(--dmx-border);\n  background: #fff;\n}\n.dmx-hero__device img { width: 100%; height: auto; display: block; }\n.dmx-hero__device-label {\n  position: absolute;\n  bottom: 10px;\n  left: 10px;\n  padding: 4px 10px;\n  background: rgba(255, 255, 255, 0.92);\n  border-radius: var(--dmx-radius-pill);\n  font-size: 0.6875rem;\n  font-weight: 600;\n}\n.dmx-hero__device--laptop { width: 72%; top: 8%; left: 0; z-index: 2; }\n.dmx-hero__device--phone { width: 34%; bottom: 4%; right: 0; z-index: 3; }\n.dmx-hero__device--tablet { width: 42%; bottom: 18%; left: 28%; z-index: 1; opacity: 0.95; }\n.dmx-hero__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n  margin-top: 20px;\n}\n.dmx-hero__tags span {\n  padding: 6px 12px;\n  background: var(--dmx-bg-blue);\n  border-radius: var(--dmx-radius-pill);\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--dmx-blue);\n}\n\n\/* Bento grid *\/\n.dmx-bento {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  margin-top: 40px;\n}\n.dmx-bento__card {\n  padding: 28px;\n  background: var(--dmx-surface);\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n  box-shadow: var(--dmx-shadow);\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.dmx-bento__card--wide { grid-column: span 1; }\n.dmx-btn--sm { min-height: 44px; padding: 10px 18px; font-size: 0.8125rem; align-self: flex-start; }\n\n\/* Funnel *\/\n.dmx-funnel {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  margin-top: 40px;\n}\n.dmx-funnel__col {\n  padding: 32px;\n  border-radius: var(--dmx-radius-lg);\n  border: 1px solid var(--dmx-border);\n  background: #fff;\n}\n.dmx-funnel__col--before { background: var(--dmx-bg-red); }\n.dmx-funnel__col--after { background: var(--dmx-bg-blue); border-color: rgba(30, 64, 175, 0.15); }\n.dmx-funnel__steps {\n  list-style: none;\n  margin-top: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.dmx-funnel__steps li {\n  padding: 12px 16px;\n  background: rgba(255, 255, 255, 0.7);\n  border-radius: var(--dmx-radius);\n  font-weight: 500;\n}\n.dmx-funnel__steps li::after {\n  content: \"\u2193\";\n  display: block;\n  text-align: center;\n  opacity: 0.35;\n  margin-top: 8px;\n}\n.dmx-funnel__steps li:last-child::after { display: none; }\n.dmx-funnel__dead { opacity: 0.55; text-decoration: line-through; }\n.dmx-funnel__steps--active li { background: rgba(255, 255, 255, 0.85); color: var(--dmx-blue-dark); }\n\n\/* Audit *\/\n.dmx-audit {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n  align-items: center;\n}\n.dmx-audit-form label { display: block; font-weight: 600; margin-bottom: 10px; }\n.dmx-audit-form__row {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n.dmx-audit-form input {\n  flex: 1;\n  min-width: 200px;\n  min-height: 52px;\n  padding: 12px 16px;\n  border: 1px solid var(--dmx-border-strong);\n  border-radius: var(--dmx-radius);\n  font: inherit;\n}\n\n\/* Chat form *\/\n.dmx-form--chat { min-height: 320px; }\n.dmx-chat-step__label { font-size: 0.75rem; color: var(--dmx-ink-muted); margin-bottom: 8px; }\n.dmx-chat-options {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-top: 16px;\n}\n.dmx-chat-options--row { flex-direction: row; }\n.dmx-chat-options button {\n  min-height: 48px;\n  padding: 12px 16px;\n  text-align: left;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  background: #fff;\n  font: inherit;\n  font-weight: 500;\n  transition: border-color 0.2s, background 0.2s;\n}\n.dmx-chat-options button:hover {\n  border-color: var(--dmx-blue);\n  background: var(--dmx-bg-blue);\n}\n.dmx-btn--wa { background: #25d366; box-shadow: 0 8px 28px rgba(37, 211, 102, 0.28); }\n\n\/* WhatsApp sticky *\/\n.dmx-wa-sticky {\n  position: fixed;\n  bottom: 16px;\n  right: 16px;\n  left: 16px;\n  z-index: 210;\n  display: flex;\n  justify-content: center;\n  pointer-events: none;\n  padding-bottom: env(safe-area-inset-bottom);\n  transition: opacity 0.3s, transform 0.3s;\n}\n.dmx-wa-sticky.is-hidden {\n  opacity: 0;\n  transform: translateY(12px);\n  pointer-events: none;\n}\n.dmx-wa-sticky__btn {\n  pointer-events: auto;\n  min-height: 48px;\n  padding: 12px 20px;\n  border: none;\n  border-radius: var(--dmx-radius-pill);\n  background: #25d366;\n  color: #fff;\n  font: inherit;\n  font-weight: 600;\n  box-shadow: 0 10px 35px rgba(15, 23, 42, 0.18);\n  cursor: pointer;\n}\n.dmx-wa-sticky__btn--mobile { display: none; width: 100%; max-width: 420px; }\n.dmx-wa-sticky__btn--desktop { display: inline-flex; align-items: center; gap: 8px; }\n\n\/* WhatsApp modal *\/\n.dmx-wa-modal[hidden] { display: none !important; }\n.dmx-wa-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 300;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));\n  box-sizing: border-box;\n}\nbody.dmx-wa-open { overflow: hidden; }\n.dmx-wa-modal__backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(15, 29, 58, 0.55);\n}\n.dmx-wa-modal__panel {\n  position: relative;\n  flex: 0 1 auto;\n  width: 100%;\n  max-width: min(440px, calc(100vw - 32px));\n  max-height: min(90vh, calc(100dvh - 32px));\n  overflow: auto;\n  overflow-x: hidden;\n  background: #fff;\n  border-radius: var(--dmx-radius-lg);\n  padding: 28px 20px 24px;\n  box-shadow: var(--dmx-shadow-lg);\n  box-sizing: border-box;\n}\n.dmx-wa-modal__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 40px;\n  height: 40px;\n  border: none;\n  background: var(--dmx-bg-soft);\n  border-radius: 50%;\n  font-size: 1.5rem;\n  line-height: 1;\n  cursor: pointer;\n}\n.dmx-wa-modal__options {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-top: 16px;\n}\n.dmx-wa-modal__options--row { flex-direction: row; }\n.dmx-wa-modal__options button {\n  width: 100%;\n  max-width: 100%;\n  min-height: 48px;\n  padding: 12px 16px;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  background: #fff;\n  font: inherit;\n  font-weight: 500;\n  cursor: pointer;\n  text-align: left;\n  box-sizing: border-box;\n  overflow-wrap: anywhere;\n}\n.dmx-wa-modal__options button:hover { border-color: var(--dmx-blue); background: var(--dmx-bg-blue); }\n.dmx-wa-preview {\n  margin-top: 16px;\n  padding: 14px;\n  background: var(--dmx-bg-soft);\n  border-radius: var(--dmx-radius);\n  font-size: 0.8125rem;\n  white-space: pre-wrap;\n  font-family: inherit;\n}\n.dmx-wa-modal__skip {\n  display: inline-block;\n  margin-top: 16px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font: inherit;\n  color: var(--dmx-blue);\n  text-decoration: underline;\n}\n.dmx-nav__link--wa { color: var(--dmx-blue); font-weight: 600; }\n\na:focus-visible,\nbutton:focus-visible,\ninput:focus-visible,\nselect:focus-visible,\ntextarea:focus-visible {\n  outline: 3px solid var(--dmx-blue);\n  outline-offset: 3px;\n}\n\n\/* Reveal *\/\n.dmx-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.75s var(--dmx-ease), transform 0.75s var(--dmx-ease);\n}\n\n.dmx-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  .dmx-hero__inner,\n  .dmx-problem,\n  .dmx-agenda,\n  .dmx-sale { grid-template-columns: 1fr; }\n\n  .dmx-sale .dmx-media--sale { order: -1; }\n\n  .dmx-benefits {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .dmx-benefit--featured {\n    grid-column: span 2;\n    grid-row: span 1;\n  }\n\n  .dmx-portfolio-grid { grid-template-columns: repeat(2, 1fr); }\n  .dmx-portfolio-card:nth-child(3n+2) { margin-top: 0; }\n\n  .dmx-process { grid-template-columns: repeat(2, 1fr); }\n\n  .dmx-services { grid-template-columns: 1fr; }\n  .dmx-service--featured { grid-column: span 1; }\n\n  .dmx-stats { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 768px) {\n  :root {\n    --dmx-container: min(1200px, calc(100vw - 24px));\n  }\n\n  .dmx-h1 {\n    font-size: clamp(1.625rem, 5.5vw + 0.75rem, 2.375rem);\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n\n  .dmx-h2 {\n    font-size: clamp(1.375rem, 4vw + 0.75rem, 1.875rem);\n    overflow-wrap: anywhere;\n  }\n\n  .dmx-wa-modal__panel {\n    max-width: calc(100vw - 24px);\n    padding: 24px 16px 20px;\n  }\n\n  .dmx-wa-modal__options--row {\n    flex-direction: column;\n  }\n\n  .dmx-wa-modal__options button:focus-visible {\n    outline-offset: 0;\n  }\n\n  .dmx-wa-modal__close {\n    top: 8px;\n    right: 8px;\n  }\n\n  .dmx-eyebrow {\n    flex-wrap: wrap;\n    max-width: 100%;\n  }\n\n  .dmx-btn-group {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .dmx-btn-group .dmx-btn {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .dmx-nav { display: none; }\n\n  .dmx-nav.is-open {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 0;\n    right: 0;\n    padding: 24px;\n    background: #fff;\n    border: 1px solid var(--dmx-border);\n    border-radius: var(--dmx-radius);\n    box-shadow: var(--dmx-shadow-lg);\n  }\n\n  .dmx-nav-toggle { display: block; }\n\n  .dmx-hero__stats { grid-template-columns: 1fr; gap: 16px; }\n  .dmx-hero__float { display: none; }\n  .dmx-hero__bg-text { font-size: 4rem; }\n\n  .dmx-benefits,\n  .dmx-benefit--featured { grid-template-columns: 1fr; grid-column: span 1; }\n\n  .dmx-portfolio-grid { grid-template-columns: 1fr; }\n\n  .dmx-process { grid-template-columns: 1fr; }\n\n  body.dmx-body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }\n  .dmx-wa-sticky { left: 12px; right: 12px; bottom: 12px; }\n  .dmx-wa-sticky__btn--desktop { display: none; }\n  .dmx-wa-sticky__btn--mobile { display: flex; align-items: center; justify-content: center; }\n  .dmx-bento { grid-template-columns: 1fr; }\n  .dmx-funnel { grid-template-columns: 1fr; }\n  .dmx-audit { grid-template-columns: 1fr; }\n  .dmx-hero__checks { grid-template-columns: 1fr; }\n  .dmx-hero__device--laptop { width: 88%; }\n  .dmx-hero__device--phone { width: 40%; }\n  .dmx-footer__grid { flex-direction: column; }\n\n  .dmx-header .dmx-btn--red { display: none; }\n\n  .dmx-portfolio-head { flex-direction: column; align-items: flex-start; }\n\n  .dmx-service,\n  .dmx-service--featured {\n    grid-template-columns: 72px 1fr;\n    gap: 16px;\n  }\n\n  .dmx-service__idx { display: none; }\n\n  .dmx-service__thumb,\n  .dmx-service--featured .dmx-service__thumb {\n    width: 72px;\n    height: 54px;\n  }\n}\n\n\/* WordPress embed \u2014 ancho completo y reset del tema *\/\n.wp-site-blocks > header.wp-block-template-part,\nbody.home footer.wp-block-template-part,\nbody.page footer.wp-block-template-part,\n.wp-site-blocks > footer,\n.wp-site-blocks footer:not(.dmx-footer),\n.wp-block-template-part,\n.wp-block-site-title,\n.wp-block-navigation,\n.wp-block-site-tagline,\nbody > .skip-link {\n  display: none !important;\n  visibility: hidden !important;\n  height: 0 !important;\n  overflow: hidden !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  pointer-events: none !important;\n}\n\n.dmx-footer {\n  display: block !important;\n  visibility: visible !important;\n  height: auto !important;\n  overflow: visible !important;\n  pointer-events: auto !important;\n}\n\n.wp-site-blocks,\nmain.wp-block-group,\n.entry-content.wp-block-post-content,\n.wp-block-post-content,\n.has-global-padding,\n.is-layout-constrained,\n.is-layout-flow {\n  max-width: none !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  overflow-x: hidden !important;\n}\n\n.wp-block-html,\n.entry-content .wp-block-html {\n  overflow-x: hidden;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),\n.wp-block-post-content > *,\n.entry-content > * {\n  max-width: none !important;\n  width: 100% !important;\n  margin-inline: 0 !important;\n}\n\n:where(.wp-site-blocks) > * { margin-block-start: 0 !important; }\n\nbody.home,\nbody.page,\nbody.page-template-page-no-title {\n  --wp--style--root--padding-top: 0;\n  --wp--style--root--padding-right: 0;\n  --wp--style--root--padding-bottom: 0;\n  --wp--style--root--padding-left: 0;\n  --wp--style--global--content-size: 100%;\n  --wp--style--global--wide-size: 100%;\n  font-family: var(--dmx-font-body);\n  font-size: clamp(0.9375rem, 0.9rem + 0.15vw, 1.0625rem);\n  line-height: 1.75;\n  color: var(--dmx-ink);\n  background: var(--dmx-bg);\n  overflow-x: hidden;\n  max-width: 100%;\n  -webkit-font-smoothing: antialiased;\n}\n\nbody.admin-bar .dmx-header { top: 32px; }\n\n@media (max-width: 782px) {\n  body.admin-bar .dmx-header { top: 46px; }\n}\n\n.dmx-body,\n.dmx-body p,\n.dmx-body a,\n.dmx-body button,\n.dmx-body input,\n.dmx-body textarea,\n.dmx-body select {\n  font-family: var(--dmx-font-body);\n}\n\n.dmx-body h1,\n.dmx-body h2,\n.dmx-body h3,\n.dmx-body h4,\n.dmx-body h5,\n.dmx-body h6 {\n  font-family: var(--dmx-font-display);\n  font-weight: 700;\n  letter-spacing: inherit;\n  line-height: inherit;\n  text-wrap: balance;\n}\n\/* Diremex Authority Hub \u2014 m\u00f3dulos pilar y servicios *\/\n\n\/* Home pilar \u2014 estilo diremex.com.mx *\/\n.dmx-hub-home-hero {\n  position: relative;\n  min-height: 88svh;\n  display: block;\n  padding-top: 110px;\n  padding-bottom: clamp(48px, 8vw, 80px);\n  overflow: hidden;\n}\n.dmx-hub-home-hero__inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n}\n.dmx-hub-home-hero__content {\n  min-width: 0;\n  max-width: 100%;\n}\n.dmx-hub-home-hero__visual img {\n  border-radius: var(--dmx-radius-lg);\n  box-shadow: var(--dmx-shadow-lg);\n  width: 100%;\n  object-fit: cover;\n  aspect-ratio: 4\/3;\n}\n.dmx-hub-home-contact {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-top: 24px;\n}\n.dmx-hub-home-contact__item {\n  padding: 14px 20px;\n  background: var(--dmx-bg-blue);\n  border-radius: var(--dmx-radius);\n  border: 1px solid var(--dmx-border);\n  transition: border-color 0.25s;\n}\n.dmx-hub-home-contact__item:hover { border-color: var(--dmx-blue); }\n.dmx-hub-home-contact__item strong { display: block; font-size: 1.0625rem; color: var(--dmx-blue); }\n.dmx-hub-home-contact__item span { font-size: 0.8125rem; color: var(--dmx-ink-muted); }\n\n.dmx-hub-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-top: 48px;\n}\n.dmx-hub-stat {\n  text-align: center;\n  padding: 32px 24px;\n  background: #fff;\n  border-radius: var(--dmx-radius-lg);\n  border: 1px solid var(--dmx-border);\n}\n.dmx-hub-stat__num {\n  display: block;\n  font-family: var(--dmx-font-display);\n  font-size: clamp(2.5rem, 5vw, 3.5rem);\n  font-weight: 800;\n  line-height: 1;\n  background: var(--dmx-gradient);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n.dmx-hub-stat__suffix { font-size: 0.6em; }\n.dmx-hub-stat__text {\n  margin-top: 12px;\n  font-size: 0.9375rem;\n  color: var(--dmx-ink-soft);\n  line-height: 1.5;\n}\n\n.dmx-hub-svc-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 40px;\n}\n.dmx-hub-svc-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 28px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n  transition: transform 0.3s var(--dmx-ease), box-shadow 0.3s;\n}\n.dmx-hub-svc-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--dmx-shadow-lg);\n  color: inherit;\n}\n.dmx-hub-svc-card__tag {\n  display: inline-block;\n  font-size: 0.6875rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--dmx-blue);\n  margin-bottom: 4px;\n}\n.dmx-hub-svc-card__icon { width: auto; height: 40px; object-fit: contain; object-position: left; }\n.dmx-hub-svc-card__link {\n  margin-top: auto;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: var(--dmx-blue);\n}\n.dmx-hub-svc-extra {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px 24px;\n  margin-top: 28px;\n}\n.dmx-hub-svc-extra a {\n  font-weight: 600;\n  font-size: 0.9375rem;\n  color: var(--dmx-blue);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.dmx-hub-phones {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 32px;\n  margin-top: 36px;\n}\n.dmx-hub-phone {\n  padding: 28px 36px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: var(--dmx-radius-lg);\n  min-width: 240px;\n}\n.dmx-hub-phone__num {\n  display: block;\n  font-family: var(--dmx-font-display);\n  font-size: 1.75rem;\n  font-weight: 700;\n  margin: 8px 0 16px;\n  color: #fff;\n}\n.dmx-hub-phone .dmx-btn { margin-top: 4px; }\n\n@media (max-width: 1024px) {\n  .dmx-hub-home-hero__inner { grid-template-columns: 1fr; }\n  .dmx-hub-home-hero__visual { order: -1; max-width: 560px; margin-inline: auto; width: 100%; }\n  .dmx-hub-stats { grid-template-columns: 1fr; }\n  .dmx-hub-svc-grid { grid-template-columns: 1fr 1fr; }\n}\n.dmx-testimonials {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  margin-top: 32px;\n}\n.dmx-testimonial {\n  padding: 28px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n  min-width: 0;\n}\n.dmx-testimonial__quote {\n  font-size: 1rem;\n  line-height: 1.7;\n  color: var(--dmx-ink-soft);\n}\n.dmx-testimonial__quote::before {\n  content: \"\\201C\";\n  color: var(--dmx-blue);\n  font-weight: 700;\n  margin-right: 4px;\n}\n.dmx-testimonial__author {\n  display: block;\n  margin-top: 16px;\n  font-weight: 600;\n  color: var(--dmx-ink);\n}\n.dmx-testimonial__role {\n  display: block;\n  margin-top: 4px;\n  font-size: 0.8125rem;\n  color: var(--dmx-ink-muted);\n}\n\n.dmx-gbp-block {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 16px 24px;\n  margin-top: 28px;\n  padding: 24px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n}\n\n.dmx-metodologia-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n  margin-top: 32px;\n  list-style: none;\n  padding: 0;\n}\n.dmx-metodologia-grid li {\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  min-width: 0;\n}\n.dmx-metodologia-grid__num {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  margin-bottom: 10px;\n  background: var(--dmx-gradient);\n  color: #fff;\n  font-size: 0.75rem;\n  font-weight: 800;\n  border-radius: 8px;\n}\n\n@media (max-width: 1024px) {\n  .dmx-metodologia-grid { grid-template-columns: repeat(2, 1fr); }\n  .dmx-testimonials { grid-template-columns: 1fr; }\n}\n@media (max-width: 768px) {\n  .dmx-metodologia-grid { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 768px) {\n  .dmx-hub-home-hero {\n    min-height: auto;\n    padding-top: 96px;\n    padding-bottom: 40px;\n  }\n  .dmx-hub-home-hero__visual {\n    max-width: 100%;\n  }\n  .dmx-hub-home-hero__visual img {\n    max-height: 280px;\n    object-fit: cover;\n  }\n  .dmx-hub-home-contact {\n    flex-direction: column;\n  }\n  .dmx-hub-home-contact__item {\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .dmx-hub-svc-grid { grid-template-columns: 1fr; }\n  .dmx-hub-svc-card {\n    min-width: 0;\n    padding: 20px;\n  }\n  .dmx-hub-phone {\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n  }\n  .dmx-hub-phones {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 16px;\n  }\n  .dmx-hub-dashboard__chain {\n    justify-content: flex-start;\n  }\n  .dmx-gbp-block {\n    flex-direction: column;\n    align-items: stretch;\n    text-align: center;\n  }\n  .dmx-gbp-block .dmx-btn {\n    width: 100%;\n    justify-content: center;\n  }\n  .dmx-section .dmx-hub-home-hero__inner[style] {\n    grid-template-columns: 1fr !important;\n    text-align: center;\n  }\n}\n\n.dmx-hub-hero {\n  position: relative;\n  min-height: 92svh;\n  display: block;\n  padding-top: 110px;\n  padding-bottom: clamp(48px, 8vw, 80px);\n  overflow: hidden;\n}\n\n.dmx-hub-hero__flow {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 28px;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: var(--dmx-blue);\n}\n.dmx-hub-hero__flow span:not(:last-child)::after {\n  content: \"\u2192\";\n  margin-left: 8px;\n  opacity: 0.45;\n}\n\n.dmx-hub-trust {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px 32px;\n  margin-top: 36px;\n  padding-top: 28px;\n  border-top: 1px solid var(--dmx-border);\n}\n.dmx-hub-trust strong {\n  display: block;\n  font-family: var(--dmx-font-display);\n  font-size: 1.5rem;\n  line-height: 1.1;\n}\n\n.dmx-hub-dashboard {\n  position: relative;\n  padding: 24px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n  box-shadow: var(--dmx-shadow-lg);\n}\n.dmx-hub-dashboard__chain {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  font-size: 0.8125rem;\n  font-weight: 600;\n}\n.dmx-hub-dashboard__node {\n  padding: 10px 14px;\n  background: var(--dmx-bg-blue);\n  border-radius: var(--dmx-radius-pill);\n  color: var(--dmx-blue-dark);\n}\n.dmx-hub-dashboard__arrow { opacity: 0.35; }\n\n\/* Problema \u2014 3 tarjetas *\/\n.dmx-hub-problems {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 40px;\n}\n.dmx-hub-problem {\n  padding: 28px;\n  border-radius: var(--dmx-radius-lg);\n  border: 1px solid var(--dmx-border);\n  background: #fff;\n  transition: transform 0.35s var(--dmx-ease), box-shadow 0.35s;\n}\n.dmx-hub-problem:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--dmx-shadow-lg);\n}\n.dmx-hub-problem__tag {\n  font-size: 0.6875rem;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--dmx-red);\n  margin-bottom: 12px;\n}\n.dmx-hub-problem__fix {\n  margin-top: 12px;\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--dmx-blue);\n}\n\n\/* Constelaci\u00f3n ecosistema *\/\n.dmx-hub-orbit {\n  position: relative;\n  max-width: 520px;\n  margin: 48px auto 0;\n  aspect-ratio: 1;\n}\n.dmx-hub-orbit__core {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 120px;\n  height: 120px;\n  display: grid;\n  place-items: center;\n  background: var(--dmx-gradient);\n  color: #fff;\n  font-weight: 800;\n  font-size: 0.875rem;\n  border-radius: 50%;\n  text-align: center;\n  line-height: 1.2;\n  box-shadow: var(--dmx-shadow-lg);\n  z-index: 2;\n}\n.dmx-hub-orbit__link {\n  position: absolute;\n  padding: 12px 18px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-pill);\n  font-size: 0.8125rem;\n  font-weight: 600;\n  box-shadow: var(--dmx-shadow);\n  transition: border-color 0.25s, transform 0.25s;\n  text-align: center;\n  min-width: 110px;\n}\n.dmx-hub-orbit__link:hover {\n  border-color: var(--dmx-blue);\n  transform: scale(1.04);\n  color: var(--dmx-blue);\n}\n.dmx-hub-orbit__link--seo { top: 0; left: 50%; transform: translateX(-50%); }\n.dmx-hub-orbit__link--seo:hover { transform: translateX(-50%) scale(1.04); }\n.dmx-hub-orbit__link--content { top: 22%; left: 0; }\n.dmx-hub-orbit__link--gads { top: 22%; right: 0; }\n.dmx-hub-orbit__link--meta { bottom: 22%; left: 0; }\n.dmx-hub-orbit__link--web { bottom: 22%; right: 0; }\n.dmx-hub-orbit__link--wa { bottom: 0; left: 50%; transform: translateX(-50%); }\n.dmx-hub-orbit__link--wa:hover { transform: translateX(-50%) scale(1.04); }\n\n\/* Bento servicios asim\u00e9trico *\/\n.dmx-hub-bento {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  grid-auto-rows: minmax(160px, auto);\n  gap: 16px;\n  margin-top: 40px;\n}\n.dmx-hub-bento__item {\n  padding: 24px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 16px;\n  transition: box-shadow 0.3s, border-color 0.3s;\n}\n.dmx-hub-bento__item:hover {\n  box-shadow: var(--dmx-shadow-lg);\n  border-color: rgba(30, 64, 175, 0.2);\n}\n.dmx-hub-bento__item--gads { grid-column: span 2; grid-row: span 2; }\n.dmx-hub-bento__item--meta { grid-column: span 2; }\n.dmx-hub-bento__item--seo { grid-column: span 2; }\n.dmx-hub-bento__item--web { grid-column: span 1; }\n.dmx-hub-bento__item--content { grid-column: span 3; }\n.dmx-hub-bento__item--landing { grid-column: span 2; }\n.dmx-hub-bento__item--photo { grid-column: span 2; }\n\n.dmx-hub-bento__link {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: var(--dmx-blue);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.dmx-hub-related {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-top: 32px;\n}\n.dmx-hub-related a {\n  padding: 20px;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  font-weight: 600;\n  font-size: 0.9375rem;\n  transition: background 0.25s;\n}\n.dmx-hub-related a:hover { background: var(--dmx-bg-blue); }\n\n\/* C\u00f3mo funciona \u2014 pasos *\/\n.dmx-hub-steps {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n  margin-top: 40px;\n}\n.dmx-hub-step {\n  padding: 28px 24px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n  position: relative;\n}\n.dmx-hub-step__num {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  margin-bottom: 16px;\n  background: var(--dmx-gradient);\n  color: #fff;\n  font-weight: 800;\n  font-size: 0.875rem;\n  border-radius: 50%;\n}\n.dmx-hub-includes {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n  margin-top: 32px;\n}\n.dmx-hub-includes li {\n  padding: 20px 24px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  font-weight: 500;\n  list-style: none;\n}\n.dmx-hub-includes li::before {\n  content: \"\u2713\";\n  margin-right: 10px;\n  color: var(--dmx-blue);\n  font-weight: 700;\n}\n\n@media (max-width: 1024px) {\n  .dmx-hub-steps { grid-template-columns: repeat(2, 1fr); }\n  .dmx-hub-includes { grid-template-columns: 1fr; }\n  .dmx-hub-problems { grid-template-columns: 1fr; }\n  .dmx-hub-bento { grid-template-columns: 1fr 1fr; }\n  .dmx-hub-bento__item { grid-column: span 1 !important; grid-row: span 1 !important; }\n  .dmx-hub-related { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 768px) {\n  .dmx-hub-bento { grid-template-columns: 1fr; }\n  .dmx-hub-orbit { max-width: 100%; aspect-ratio: auto; min-height: 360px; }\n  .dmx-hub-steps { grid-template-columns: 1fr; }\n}\n\/* Diremex v4 \u2014 estilo agencia digital moderna (Digiora-inspired) \u00b7 azul + rojo *\/\n\n:root {\n  --dmx-mesh-blue: rgba(30, 64, 175, 0.14);\n  --dmx-mesh-red: rgba(220, 38, 38, 0.12);\n  --dmx-glass: rgba(255, 255, 255, 0.72);\n  --dmx-glass-border: rgba(255, 255, 255, 0.9);\n  --dmx-pattern: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231e40af' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n\/* Mesh background utility *\/\n.dmx-mesh {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n}\n.dmx-mesh::before,\n.dmx-mesh::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(80px);\n  pointer-events: none;\n  z-index: -1;\n}\n.dmx-mesh::before {\n  width: min(520px, 70vw);\n  height: min(520px, 70vw);\n  top: -120px;\n  right: -80px;\n  background: var(--dmx-mesh-blue);\n}\n.dmx-mesh::after {\n  width: min(420px, 55vw);\n  height: min(420px, 55vw);\n  bottom: -100px;\n  left: -60px;\n  background: var(--dmx-mesh-red);\n}\n\n.dmx-glass {\n  background: var(--dmx-glass);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border: 1px solid var(--dmx-glass-border);\n  box-shadow: var(--dmx-shadow-lg);\n}\n\n\/* \u2500\u2500 Service page hero v4 \u2500\u2500 *\/\n.dmx-svc-hero {\n  position: relative;\n  min-height: 92svh;\n  display: flex;\n  align-items: center;\n  padding: 120px 0 80px;\n  overflow: hidden;\n  background: var(--dmx-bg);\n}\n.dmx-svc-hero__grid {\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: clamp(32px, 5vw, 64px);\n  align-items: center;\n}\n.dmx-svc-hero__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px 8px 10px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-pill);\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--dmx-blue);\n  box-shadow: var(--dmx-shadow);\n  margin-bottom: 20px;\n}\n.dmx-svc-hero__badge-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--dmx-gradient);\n  animation: dmx-pulse 2s ease infinite;\n}\n@keyframes dmx-pulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.6; transform: scale(1.2); }\n}\n.dmx-svc-hero__title {\n  font-size: clamp(2.25rem, 1.4rem + 3.8vw, 4rem);\n  line-height: 1.06;\n  letter-spacing: -0.03em;\n}\n.dmx-svc-hero__visual-wrap {\n  position: relative;\n}\n.dmx-svc-hero__card {\n  position: relative;\n  padding: 28px;\n  border-radius: var(--dmx-radius-lg);\n  overflow: hidden;\n}\n.dmx-svc-hero__card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--dmx-gradient);\n  opacity: 0.06;\n  pointer-events: none;\n}\n.dmx-svc-hero__flow {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.dmx-svc-hero__flow-item {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 14px 18px;\n  background: #fff;\n  border-radius: var(--dmx-radius);\n  border: 1px solid var(--dmx-border);\n  font-weight: 600;\n  font-size: 0.875rem;\n  transition: transform 0.3s var(--dmx-ease), box-shadow 0.3s;\n}\n.dmx-svc-hero__flow-item:hover {\n  transform: translateX(6px);\n  box-shadow: var(--dmx-shadow);\n}\n.dmx-svc-hero__flow-num {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  display: grid;\n  place-items: center;\n  background: var(--dmx-gradient);\n  color: #fff;\n  font-size: 0.8125rem;\n  font-weight: 800;\n  border-radius: 10px;\n}\n.dmx-svc-hero__float {\n  position: absolute;\n  padding: 12px 18px;\n  background: #fff;\n  border-radius: var(--dmx-radius);\n  box-shadow: var(--dmx-shadow-lg);\n  font-weight: 700;\n  font-size: 0.8125rem;\n  border: 1px solid var(--dmx-border);\n}\n.dmx-svc-hero__float--1 { top: -16px; right: 12px; color: var(--dmx-red); }\n.dmx-svc-hero__float--2 { bottom: 24px; left: -20px; color: var(--dmx-blue); }\n\n\/* Trust pills *\/\n.dmx-trust-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 32px;\n}\n.dmx-trust-pill {\n  padding: 10px 16px;\n  background: var(--dmx-bg-blue);\n  border-radius: var(--dmx-radius-pill);\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: var(--dmx-blue-dark);\n  border: 1px solid rgba(30, 64, 175, 0.12);\n}\n.dmx-trust-pill strong { color: var(--dmx-red); margin-right: 4px; }\n\n\/* Problem cards v4 *\/\n.dmx-problem-v4 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-top: 48px;\n}\n.dmx-problem-v4__card {\n  position: relative;\n  padding: 32px 28px 28px;\n  background: #fff;\n  border-radius: var(--dmx-radius-lg);\n  border: 1px solid var(--dmx-border);\n  overflow: hidden;\n  transition: transform 0.35s var(--dmx-ease), box-shadow 0.35s;\n}\n.dmx-problem-v4__card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--dmx-gradient);\n}\n.dmx-problem-v4__card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 20px 48px rgba(15, 29, 58, 0.1);\n}\n.dmx-problem-v4__icon {\n  width: 48px;\n  height: 48px;\n  display: grid;\n  place-items: center;\n  background: var(--dmx-bg-blue);\n  border-radius: 14px;\n  font-size: 1.25rem;\n  margin-bottom: 18px;\n}\n.dmx-problem-v4__tag {\n  font-size: 0.6875rem;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--dmx-red);\n  margin-bottom: 10px;\n}\n.dmx-problem-v4__fix {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 16px;\n  padding: 8px 14px;\n  background: var(--dmx-blue-soft);\n  border-radius: var(--dmx-radius-pill);\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: var(--dmx-blue);\n}\n\n\/* Steps timeline v4 *\/\n.dmx-timeline {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n  margin-top: 48px;\n  position: relative;\n}\n.dmx-timeline::before {\n  content: \"\";\n  position: absolute;\n  top: 28px;\n  left: 12.5%;\n  right: 12.5%;\n  height: 2px;\n  background: linear-gradient(90deg, var(--dmx-red), var(--dmx-blue));\n  opacity: 0.25;\n  z-index: 0;\n}\n.dmx-timeline__step {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n  padding: 0 12px;\n}\n.dmx-timeline__dot {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 20px;\n  display: grid;\n  place-items: center;\n  background: #fff;\n  border: 3px solid var(--dmx-blue);\n  border-radius: 50%;\n  font-weight: 800;\n  font-size: 1.125rem;\n  color: var(--dmx-blue);\n  box-shadow: var(--dmx-shadow);\n  transition: transform 0.3s, background 0.3s, color 0.3s;\n}\n.dmx-timeline__step:hover .dmx-timeline__dot {\n  background: var(--dmx-gradient);\n  border-color: transparent;\n  color: #fff;\n  transform: scale(1.08);\n}\n\n\/* Includes grid v4 *\/\n.dmx-includes-v4 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-top: 40px;\n  list-style: none;\n  padding: 0;\n}\n.dmx-includes-v4 li {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 22px 20px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius);\n  font-weight: 500;\n  font-size: 0.9375rem;\n  transition: border-color 0.25s, box-shadow 0.25s;\n}\n.dmx-includes-v4 li:hover {\n  border-color: rgba(30, 64, 175, 0.25);\n  box-shadow: var(--dmx-shadow);\n}\n.dmx-includes-v4__check {\n  flex-shrink: 0;\n  width: 28px;\n  height: 28px;\n  display: grid;\n  place-items: center;\n  background: var(--dmx-gradient);\n  color: #fff;\n  font-size: 0.75rem;\n  font-weight: 800;\n  border-radius: 8px;\n}\n\n\/* Related v4 *\/\n.dmx-related-v4 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-top: 40px;\n}\n.dmx-related-v4 a {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 22px 24px;\n  background: #fff;\n  border: 1px solid var(--dmx-border);\n  border-radius: var(--dmx-radius-lg);\n  font-weight: 600;\n  font-size: 0.9375rem;\n  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;\n}\n.dmx-related-v4 a::after {\n  content: \"\u2192\";\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  display: grid;\n  place-items: center;\n  background: var(--dmx-bg-blue);\n  border-radius: 50%;\n  color: var(--dmx-blue);\n  transition: background 0.3s, color 0.3s, transform 0.3s;\n}\n.dmx-related-v4 a:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--dmx-shadow-lg);\n  border-color: rgba(30, 64, 175, 0.2);\n  color: var(--dmx-blue);\n}\n.dmx-related-v4 a:hover::after {\n  background: var(--dmx-gradient);\n  color: #fff;\n  transform: translateX(4px);\n}\n\n\/* CTA v4 *\/\n.dmx-cta-v4 {\n  position: relative;\n  padding: clamp(64px, 8vw, 96px) 0;\n  background: linear-gradient(135deg, var(--dmx-ink) 0%, #1e3a8a 50%, var(--dmx-red-dark) 100%);\n  overflow: hidden;\n}\n.dmx-cta-v4::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--dmx-pattern);\n  opacity: 0.5;\n  pointer-events: none;\n}\n.dmx-cta-v4 .dmx-container { position: relative; z-index: 1; text-align: center; }\n.dmx-cta-v4 .dmx-h2 { color: #fff; }\n.dmx-cta-v4 .dmx-text-muted { color: rgba(255,255,255,0.75); }\n\n\/* Section headers v4 *\/\n.dmx-section-v4-head {\n  text-align: center;\n  max-width: 680px;\n  margin-inline: auto;\n}\n.dmx-section-v4-head .dmx-eyebrow { justify-content: center; }\n.dmx-section-v4-head .dmx-eyebrow__line { display: none; }\n.dmx-section-v4-head .dmx-eyebrow::before,\n.dmx-section-v4-head .dmx-eyebrow::after {\n  content: \"\";\n  width: 24px;\n  height: 2px;\n  background: var(--dmx-gradient);\n  border-radius: 2px;\n}\n\n\/* Home hub v4 enhancements *\/\n.dmx-hub-home-hero {\n  background: var(--dmx-pattern), linear-gradient(180deg, #fff 0%, var(--dmx-bg-soft) 100%);\n}\n.dmx-hub-home-hero__visual {\n  position: relative;\n}\n.dmx-hub-home-hero__visual::before {\n  content: \"\";\n  position: absolute;\n  inset: -20px;\n  background: var(--dmx-gradient);\n  border-radius: calc(var(--dmx-radius-lg) + 8px);\n  opacity: 0.15;\n  z-index: -1;\n  transform: rotate(-3deg);\n}\n.dmx-hub-stat {\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.35s var(--dmx-ease);\n}\n.dmx-hub-stat:hover { transform: translateY(-4px); }\n.dmx-hub-stat::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: var(--dmx-gradient);\n  transform: scaleX(0);\n  transition: transform 0.35s var(--dmx-ease);\n}\n.dmx-hub-stat:hover::after { transform: scaleX(1); }\n\n.dmx-hub-svc-card {\n  position: relative;\n  overflow: hidden;\n}\n.dmx-hub-svc-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--dmx-gradient);\n  opacity: 0;\n  transition: opacity 0.35s;\n  pointer-events: none;\n}\n.dmx-hub-svc-card:hover::before { opacity: 0.04; }\n.dmx-hub-svc-card__num {\n  position: absolute;\n  top: 16px;\n  right: 20px;\n  font-size: 3rem;\n  font-weight: 800;\n  line-height: 1;\n  color: var(--dmx-bg-blue);\n  opacity: 0.6;\n}\n\n.dmx-section--pattern {\n  background: var(--dmx-pattern), var(--dmx-bg-soft);\n}\n\n\/* FAQ v4 accent *\/\n.dmx-faq__item {\n  border-radius: var(--dmx-radius);\n  overflow: hidden;\n  transition: box-shadow 0.25s;\n}\n.dmx-faq__item:has(.dmx-faq__q[aria-expanded=\"true\"]) {\n  box-shadow: var(--dmx-shadow);\n  border-color: rgba(30, 64, 175, 0.15);\n}\n\n@media (max-width: 1024px) {\n  .dmx-svc-hero__grid { grid-template-columns: 1fr; }\n  .dmx-svc-hero__visual-wrap { max-width: 520px; margin-inline: auto; }\n  .dmx-problem-v4 { grid-template-columns: 1fr; }\n  .dmx-timeline { grid-template-columns: 1fr 1fr; gap: 32px; }\n  .dmx-timeline::before { display: none; }\n  .dmx-includes-v4 { grid-template-columns: 1fr 1fr; }\n  .dmx-related-v4 { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 768px) {\n  .dmx-timeline { grid-template-columns: 1fr; }\n  .dmx-includes-v4 { grid-template-columns: 1fr; }\n  .dmx-related-v4 { grid-template-columns: 1fr; }\n  .dmx-svc-hero__float { display: none; }\n  .dmx-mesh::before,\n  .dmx-mesh::after {\n    filter: blur(48px);\n    opacity: 0.65;\n  }\n  .dmx-mesh::before {\n    width: min(280px, 55vw);\n    height: min(280px, 55vw);\n    top: -60px;\n    right: -40px;\n  }\n  .dmx-mesh::after {\n    width: min(220px, 45vw);\n    height: min(220px, 45vw);\n    bottom: -50px;\n    left: -30px;\n  }\n  .dmx-hub-home-hero__visual::before {\n    inset: -8px;\n    transform: rotate(-2deg);\n  }\n  .dmx-hero__shape--1,\n  .dmx-hero__shape--2 {\n    opacity: 0.45;\n    transform: scale(0.65);\n  }\n  .dmx-hero__shape--1 {\n    top: -80px;\n    right: -40px;\n  }\n  .dmx-hero__shape--2 {\n    bottom: 5%;\n    left: -30px;\n  }\n  .dmx-problem-v4__card,\n  .dmx-portfolio-card,\n  .dmx-hub-svc-card {\n    min-width: 0;\n  }\n  .dmx-cta-band .dmx-container {\n    padding-inline: 4px;\n  }\n}\n<\/style>\n<header class=\"dmx-header\" role=\"banner\">\n    <div class=\"dmx-container dmx-header__inner\">\n      <a href=\"https:\/\/diremex.com.mx\/sitiosia\/\" class=\"dmx-logo\" aria-label=\"Diremex \u2014 Inicio\">\n        <img decoding=\"async\" src=\"..\/..\/..\/assets\/logo-diremex.webp\" alt=\"Diremex\" width=\"160\" height=\"38\" fetchpriority=\"high\">\n      <\/a>\n      <nav class=\"dmx-nav\" aria-label=\"Principal\">\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/casos-de-exito\/\" class=\"dmx-nav__link\">\u2190 Casos<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/marketing-industrial-saltillo\/\" class=\"dmx-nav__link\">Industrial<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/portafolio\/\" class=\"dmx-nav__link\">Portafolio<\/a>\n        <button type=\"button\" class=\"dmx-btn dmx-btn--red\" data-wa-open data-wa-context=\"hero\">Solicitar diagn\u00f3stico<\/button>\n      <\/nav>\n      <button class=\"dmx-nav-toggle\" type=\"button\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n        <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 6h16M4 12h16M4 18h16\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/header>\n\n  <main id=\"inicio\">\n\n    <section class=\"dmx-svc-hero dmx-mesh\" aria-labelledby=\"hero-title\">\n      <div class=\"dmx-container dmx-svc-hero__grid\">\n        <div class=\"dmx-reveal\">\n          <div class=\"dmx-svc-hero__badge\"><span class=\"dmx-svc-hero__badge-dot\"><\/span>Caso de estudio \u00b7 Industrial<\/div>\n          <h1 id=\"hero-title\" class=\"dmx-display dmx-svc-hero__title\">IIEMCO \u00b7 Dise\u00f1o web y SEO para <span class=\"dmx-gradient-text\">empresa industrial<\/span><\/h1>\n          <p class=\"dmx-lead dmx-text-muted\" style=\"margin-top: 20px;\">Empaques de cart\u00f3n corrugado \u00b7 Saltillo, Coahuila<\/p>\n        <\/div>\n        <div class=\"dmx-svc-hero__visual-wrap dmx-reveal\">\n          <div class=\"dmx-svc-hero__card dmx-glass\">\n            <img decoding=\"async\" src=\"..\/..\/..\/assets\/p-industrial-carton.jpg\" alt=\"Sitio web IIEMCO empaques industriales\" width=\"768\" height=\"368\" loading=\"eager\">\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"dmx-section\" aria-labelledby=\"contexto-title\">\n      <div class=\"dmx-container dmx-reveal\">\n        <p class=\"dmx-eyebrow\">Contexto<\/p>\n        <h2 id=\"contexto-title\" class=\"dmx-display dmx-h2\" style=\"margin-top: 12px;\">Fabricante B2B con trayectoria local<\/h2>\n        <p class=\"dmx-text-muted\" style=\"margin-top: 16px; max-width: 720px;\">IIEMCO produce empaques de cart\u00f3n corrugado para industria en Saltillo. Necesitaban una presencia digital acorde a su capacidad productiva y visible para compradores que buscan proveedores en Google.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"dmx-section dmx-section--pattern\" aria-labelledby=\"reto-title\">\n      <div class=\"dmx-container dmx-reveal\">\n        <p class=\"dmx-eyebrow\">El reto<\/p>\n        <h2 id=\"reto-title\" class=\"dmx-display dmx-h2\" style=\"margin-top: 12px;\">Ser encontrados por b\u00fasquedas industriales<\/h2>\n        <div class=\"dmx-problem-v4\" style=\"margin-top: 28px;\">\n          <article class=\"dmx-problem-v4__card\"><span class=\"dmx-problem-v4__tag\">Visibilidad<\/span><h3 class=\"dmx-display dmx-h3\">Web desactualizada<\/h3><p class=\"dmx-text-muted\">No comunicaba capacidades ni generaba confianza B2B.<\/p><\/article>\n          <article class=\"dmx-problem-v4__card\"><span class=\"dmx-problem-v4__tag\">SEO<\/span><h3 class=\"dmx-display dmx-h3\">Sin posicionamiento local<\/h3><p class=\"dmx-text-muted\">Competidores aparec\u00edan en b\u00fasquedas de empaques en Saltillo.<\/p><\/article>\n          <article class=\"dmx-problem-v4__card\"><span class=\"dmx-problem-v4__tag\">Conversi\u00f3n<\/span><h3 class=\"dmx-display dmx-h3\">Contacto difuso<\/h3><p class=\"dmx-text-muted\">Faltaba un camino claro de cotizaci\u00f3n para prospectos industriales.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"dmx-section\" aria-labelledby=\"estrategia-title\">\n      <div class=\"dmx-container dmx-reveal\">\n        <p class=\"dmx-eyebrow dmx-eyebrow--blue\">Estrategia<\/p>\n        <h2 id=\"estrategia-title\" class=\"dmx-display dmx-h2\" style=\"margin-top: 12px;\">Web B2B + SEO industrial + contenido t\u00e9cnico<\/h2>\n        <div class=\"dmx-timeline\" style=\"margin-top: 32px;\">\n          <div class=\"dmx-timeline__item\"><span class=\"dmx-timeline__num\">1<\/span><div><h3 class=\"dmx-display dmx-h3\">Investigaci\u00f3n<\/h3><p class=\"dmx-text-muted\">Keywords de empaques, cart\u00f3n corrugado y zona industrial Saltillo\/Ramos Arizpe.<\/p><\/div><\/div>\n          <div class=\"dmx-timeline__item\"><span class=\"dmx-timeline__num\">2<\/span><div><h3 class=\"dmx-display dmx-h3\">Soluci\u00f3n<\/h3><p class=\"dmx-text-muted\">Redise\u00f1o web, fotograf\u00eda industrial, arquitectura SEO y CTAs de cotizaci\u00f3n.<\/p><\/div><\/div>\n          <div class=\"dmx-timeline__item\"><span class=\"dmx-timeline__num\">3<\/span><div><h3 class=\"dmx-display dmx-h3\">Integraci\u00f3n<\/h3><p class=\"dmx-text-muted\">Enlazado con <a href=\"https:\/\/diremex.com.mx\/sitiosia\/marketing-industrial-saltillo\/\" class=\"dmx-link\">marketing industrial<\/a> y servicios relacionados.<\/p><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"dmx-section dmx-section--soft\" aria-labelledby=\"servicios-title\">\n      <div class=\"dmx-container dmx-reveal\">\n        <h2 id=\"servicios-title\" class=\"dmx-display dmx-h2\">Servicios aplicados<\/h2>\n        <ul class=\"dmx-includes-v4\" style=\"margin-top: 24px;\">\n          <li><span class=\"dmx-includes-v4__check\" aria-hidden=\"true\">\u2713<\/span><a href=\"https:\/\/diremex.com.mx\/sitiosia\/diseno-sitios-web-saltillo\/\" class=\"dmx-link\">Dise\u00f1o web B2B<\/a><\/li>\n          <li><span class=\"dmx-includes-v4__check\" aria-hidden=\"true\">\u2713<\/span><a href=\"https:\/\/diremex.com.mx\/sitiosia\/servicio-estrategias-seo-saltillo-coahuila\/\" class=\"dmx-link\">SEO industrial Saltillo<\/a><\/li>\n          <li><span class=\"dmx-includes-v4__check\" aria-hidden=\"true\">\u2713<\/span><a href=\"https:\/\/diremex.com.mx\/sitiosia\/fotografia-video-publicitario-saltillo\/\" class=\"dmx-link\">Fotograf\u00eda industrial<\/a><\/li>\n          <li><span class=\"dmx-includes-v4__check\" aria-hidden=\"true\">\u2713<\/span>Arquitectura de contenidos y conversi\u00f3n<\/li>\n        <\/ul>\n      <\/div>\n    <\/section>\n\n    <section class=\"dmx-section\" aria-labelledby=\"resultados-title\">\n      <div class=\"dmx-container dmx-reveal\">\n        <h2 id=\"resultados-title\" class=\"dmx-display dmx-h2\">Resultados disponibles<\/h2>\n        <p class=\"dmx-text-muted\" style=\"margin-top: 16px; max-width: 640px;\">Nueva presencia digital profesional, arquitectura SEO orientada a b\u00fasquedas industriales locales y sistema de conversi\u00f3n con WhatsApp y formularios de contacto. Posicionamiento documentado en b\u00fasquedas de empaques de cart\u00f3n en Saltillo.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"dmx-section dmx-section--blue\" aria-labelledby=\"relacionados-title\">\n      <div class=\"dmx-container dmx-reveal\">\n        <h2 id=\"relacionados-title\" class=\"dmx-display dmx-h2\">Proyectos relacionados<\/h2>\n        <div class=\"dmx-related-v4\" style=\"margin-top: 24px;\">\n          <a href=\"https:\/\/diremex.com.mx\/sitiosia\/portafolio\/\">Ver portafolio completo<\/a>\n          <a href=\"https:\/\/diremex.com.mx\/sitiosia\/marketing-industrial-saltillo\/\">Marketing industrial<\/a>\n          <a href=\"https:\/\/diremex.com.mx\/sitiosia\/google-ads-saltillo\/\">Google Ads B2B<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"dmx-cta-v4\" aria-labelledby=\"cta-title\">\n      <div class=\"dmx-container dmx-reveal\">\n        <h2 id=\"cta-title\" class=\"dmx-display dmx-h2\">\u00bfTu empresa industrial necesita lo mismo?<\/h2>\n        <div class=\"dmx-btn-group\" style=\"justify-content: center; margin-top: 24px;\">\n          <a href=\"https:\/\/diremex.com.mx\/sitiosia\/diagnostico-digital\/\" class=\"dmx-btn dmx-btn--red\">Solicitar diagn\u00f3stico<\/a>\n          <button type=\"button\" class=\"dmx-btn dmx-btn--outline\" data-wa-open data-wa-context=\"industrial\">WhatsApp industrial<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"dmx-footer\" role=\"contentinfo\">\n    <div class=\"dmx-container dmx-footer__grid\">\n      <div class=\"dmx-footer__brand\">\n        <img decoding=\"async\" src=\"..\/..\/..\/assets\/logo-diremex.webp\" alt=\"Diremex\" width=\"140\" height=\"33\" loading=\"lazy\">\n        <p>Diremex \u2014 Caso de estudio marketing industrial Saltillo.<\/p>\n        <p style=\"margin-top: 12px; font-size: 0.8125rem; line-height: 1.8;\">\n          <strong>Diremex<\/strong><br>\n          <a href=\"tel:+528446105105\">844 610 5105<\/a> \u00b7 Saltillo<br>\n          <a href=\"tel:+528672847256\">867 284 7256<\/a> \u00b7 Nuevo Laredo<br>\n          <a href=\"mailto:mike@diremex.mx\">mike@diremex.mx<\/a>\n        <\/p>\n      <\/div>\n      <nav aria-label=\"Diremex\">\n        <p class=\"dmx-footer__label\">Diremex<\/p>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/agencia-de-publicidad-digital-saltillo\/\">Agencia de publicidad<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/nosotros\/\">Nosotros<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/portafolio\/\">Portafolio<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/casos-de-exito\/\">Casos de \u00e9xito<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/recursos\/\">Recursos<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/contacto\/\">Contacto<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/diagnostico-digital\/\">Diagn\u00f3stico digital<\/a>\n        <a href=\"https:\/\/diremex.mx\/aviso-de-privacidad\/\">Aviso de privacidad<\/a>\n      <\/nav>\n      <nav aria-label=\"Servicios\">\n        <p class=\"dmx-footer__label\">Servicios<\/p>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/google-ads-saltillo\/\">Google Ads<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/publicidad-facebook-instagram-meta-ads-saltillo\/\">Meta Ads<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/servicio-estrategias-seo-saltillo-coahuila\/\">SEO<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/diseno-sitios-web-saltillo\/\">Dise\u00f1o Web<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/landing-pages-saltillo\/\">Landing Pages<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/creacion-contenido-redes-sociales-saltillo\/\">Contenido<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/fotografia-video-publicitario-saltillo\/\">Foto y video<\/a>\n      <\/nav>\n      <nav aria-label=\"Soluciones\">\n        <p class=\"dmx-footer__label\">Soluciones<\/p>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/marketing-industrial-saltillo\/\">Marketing Industrial<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/marketing-para-restaurantes-saltillo\/\">Restaurantes<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/marketing-medico-saltillo\/\">M\u00e9dicos<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/marketing-inmobiliario-saltillo\/\">Inmobiliarias<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/marketing-pymes-saltillo\/\">PyMEs<\/a>\n      <\/nav>\n      <nav aria-label=\"Recursos\">\n        <p class=\"dmx-footer__label\">Recursos<\/p>\n        <a href=\"https:\/\/diremex.com.mx\/blog\/\">Blog<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/recursos\/\">Gu\u00edas<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/seo-vs-google-ads-saltillo\/\">SEO vs Ads<\/a>\n        <a href=\"https:\/\/diremex.com.mx\/sitiosia\/como-aparecer-en-google-maps-saltillo\/\">Google Maps<\/a>\n      <\/nav>\n    <\/div>\n    <div class=\"dmx-container dmx-footer__legal\">\n      <a href=\"https:\/\/diremex.mx\/aviso-de-privacidad\/\">Aviso de Privacidad<\/a>\n      <span>\u00a9 2026 Diremex \u00b7 Saltillo, Coahuila<\/span>\n    <\/div>\n  <\/footer>\n\n  <div class=\"dmx-wa-sticky\" id=\"dmx-wa-sticky\">\n    <button type=\"button\" class=\"dmx-wa-sticky__btn dmx-wa-sticky__btn--desktop\" data-wa-open data-wa-context=\"sticky\"><span aria-hidden=\"true\">\ud83d\udcac<\/span> \u00bfTienes un proyecto? Plat\u00edcanoslo<\/button>\n    <button type=\"button\" class=\"dmx-wa-sticky__btn dmx-wa-sticky__btn--mobile\" data-wa-open data-wa-context=\"sticky\">WhatsApp \u00b7 Diagn\u00f3stico<\/button>\n  <\/div>\n  <div class=\"dmx-wa-modal\" id=\"dmx-wa-modal\" hidden role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dmx-wa-title\">\n    <div class=\"dmx-wa-modal__backdrop\" data-wa-close><\/div>\n    <div class=\"dmx-wa-modal__panel\">\n      <button type=\"button\" class=\"dmx-wa-modal__close\" data-wa-close aria-label=\"Cerrar\">\u00d7<\/button>\n      <div data-wa-step=\"0\">\n        <h2 id=\"dmx-wa-title\" class=\"dmx-display dmx-h3\">\u00bfQu\u00e9 necesitas?<\/h2>\n        <div class=\"dmx-wa-modal__options\">\n          <button type=\"button\" data-wa-need=\"Publicidad Google Ads\">Google Ads<\/button>\n          <button type=\"button\" data-wa-need=\"Publicidad Meta Ads\">Meta Ads<\/button>\n          <button type=\"button\" data-wa-need=\"SEO \/ posicionamiento\">SEO<\/button>\n          <button type=\"button\" data-wa-need=\"Sitio web\">Sitio web<\/button>\n          <button type=\"button\" data-wa-need=\"Estrategia integral\">Estrategia integral<\/button>\n        <\/div>\n        <button type=\"button\" class=\"dmx-link dmx-wa-modal__skip\" data-wa-quick=\"hero\">Ir directo a WhatsApp<\/button>\n      <\/div>\n      <div data-wa-step=\"1\" hidden>\n        <h2 class=\"dmx-display dmx-h3\">\u00bfYa tienes p\u00e1gina web?<\/h2>\n        <div class=\"dmx-wa-modal__options dmx-wa-modal__options--row\">\n          <button type=\"button\" data-wa-has=\"S\u00ed\">S\u00ed<\/button>\n          <button type=\"button\" data-wa-has=\"No\">No<\/button>\n        <\/div>\n      <\/div>\n      <div data-wa-step=\"2\" hidden>\n        <h2 class=\"dmx-display dmx-h3\">\u00bfCu\u00e1l es tu principal objetivo?<\/h2>\n        <div class=\"dmx-wa-modal__options\">\n          <button type=\"button\" data-wa-goal=\"Aparecer en Google\">Aparecer en Google<\/button>\n          <button type=\"button\" data-wa-goal=\"Conseguir prospectos\">Conseguir prospectos<\/button>\n          <button type=\"button\" data-wa-goal=\"Vender en l\u00ednea\">Vender en l\u00ednea<\/button>\n          <button type=\"button\" data-wa-goal=\"Mejorar mi imagen\">Mejorar mi imagen<\/button>\n        <\/div>\n      <\/div>\n      <div data-wa-step=\"3\" hidden>\n        <h2 class=\"dmx-display dmx-h3\">Hablar con Diremex por WhatsApp<\/h2>\n        <pre class=\"dmx-wa-preview\" data-wa-preview aria-live=\"polite\"><\/pre>\n        <button type=\"button\" class=\"dmx-btn dmx-btn--wa dmx-btn--red\" data-wa-send style=\"width: 100%;\">Abrir WhatsApp \u2192<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<script>(function () {\n  'use strict';\n\n  var PHONE = '528446105105';\n\n  var CONTEXT_MSG = {\n    hero: 'Hola Diremex, vi su servicio de dise\u00f1o de sitios web en Saltillo. Quiero platicarles sobre mi proyecto.',\n    header: 'Hola Diremex, vi su servicio de dise\u00f1o de sitios web en Saltillo. Quiero platicarles sobre mi proyecto.',\n    portfolio: 'Hola Diremex, estuve viendo sus proyectos web y quiero algo similar para mi negocio.',\n    seo: 'Hola Diremex, me interesa posicionar mi negocio en Google en Saltillo.',\n    ecommerce: 'Hola Diremex, quiero cotizar una tienda online para vender mis productos.',\n    final: 'Hola Diremex, ya revis\u00e9 su propuesta de dise\u00f1o web y quiero saber qu\u00e9 recomendar\u00edan para mi negocio.',\n    sticky: 'Hola Diremex, quiero cotizar mi p\u00e1gina web.',\n    corporativo: 'Hola Diremex, necesito un sitio corporativo para mi empresa.',\n    landing: 'Hola Diremex, necesito una landing page para campa\u00f1as.',\n    tienda: 'Hola Diremex, quiero cotizar una tienda online WooCommerce.',\n    rediseno: 'Hola Diremex, ya tengo sitio web pero necesito redise\u00f1arlo.',\n    audit: 'Hola Diremex, me gustar\u00eda que revisaran mi sitio web actual sin costo.',\n    gads: 'Hola Diremex, quiero cotizar campa\u00f1as de Google Ads en Saltillo.',\n    meta: 'Hola Diremex, me interesa publicidad en Facebook e Instagram para mi negocio.',\n    contenido: 'Hola Diremex, necesito estrategia y creaci\u00f3n de contenido para redes sociales.',\n    foto: 'Hola Diremex, busco fotograf\u00eda y video publicitario para mi marca.',\n    industrial: 'Hola Diremex, necesito marketing digital B2B para mi empresa industrial.',\n    restaurantes: 'Hola Diremex, quiero marketing digital para mi restaurante en Saltillo.',\n    medico: 'Hola Diremex, busco marketing digital para mi consultorio o cl\u00ednica en Saltillo.',\n    inmobiliario: 'Hola Diremex, necesito marketing inmobiliario para generar prospectos en Saltillo.',\n    pymes: 'Hola Diremex, soy PyME en Saltillo y quiero publicidad digital con presupuesto controlado.',\n    diagnostico: 'Hola Diremex, quiero solicitar un diagn\u00f3stico digital gratuito para mi empresa.',\n    agencia: 'Hola Diremex. Estoy buscando una agencia de publicidad en Saltillo y quiero platicar sobre mi proyecto.'\n  };\n\n  var state = { need: '', hasWeb: '', goal: '', context: 'hero' };\n\n  var modal = document.getElementById('dmx-wa-modal');\n  var stepEls = modal ? modal.querySelectorAll('[data-wa-step]') : [];\n  var stickyBar = document.getElementById('dmx-wa-sticky');\n  var agendaSection = document.getElementById('agenda');\n\n  function encodeMsg(text) {\n    return encodeURIComponent(text);\n  }\n\n  function waUrl(text) {\n    return 'https:\/\/wa.me\/' + PHONE + '?text=' + encodeMsg(text);\n  }\n\n  function serviceLabel() {\n    var body = document.body;\n    return (body && body.dataset.dmxService) || 'marketing digital';\n  }\n\n  function buildQualifiedMessage() {\n    return [\n      'Hola Diremex.',\n      'Estoy buscando ' + (state.need || 'estrategia digital') + ',',\n      'ya tengo ' + (state.hasWeb === 'S\u00ed' ? 'sitio web' : state.hasWeb === 'No' ? 'sin sitio web' : 'sitio web por definir') + ',',\n      'y mi objetivo es ' + (state.goal || 'conseguir prospectos') + '.'\n    ].join(' ');\n  }\n\n  var PRESET_NEED = {\n    corporativo: 'Sitio corporativo',\n    landing: 'Landing page',\n    tienda: 'Tienda online',\n    ecommerce: 'Tienda online',\n    rediseno: 'Redise\u00f1ar mi p\u00e1gina'\n  };\n\n  function openModal(context) {\n    if (!modal) return;\n    var ctx = context || 'hero';\n    var preset = PRESET_NEED[ctx];\n    state = { need: preset || '', hasWeb: '', goal: '', context: ctx };\n    var startStep = preset ? 1 : 0;\n    goStep(startStep);\n    modal.hidden = false;\n    document.body.classList.add('dmx-wa-open');\n    var focusEl = modal.querySelector('[data-wa-step=\"' + startStep + '\"] button');\n    if (focusEl) focusEl.focus();\n  }\n\n  function closeModal() {\n    if (!modal) return;\n    modal.hidden = true;\n    document.body.classList.remove('dmx-wa-open');\n  }\n\n  function goStep(n) {\n    stepEls.forEach(function (el) {\n      el.hidden = parseInt(el.dataset.waStep, 10) !== n;\n    });\n  }\n\n  function track(eventName) {\n    if (typeof window.gtag === 'function') {\n      window.gtag('event', eventName, { send_to: 'default' });\n    }\n  }\n\n  document.querySelectorAll('[data-wa-open]').forEach(function (btn) {\n    btn.addEventListener('click', function (e) {\n      e.preventDefault();\n      var ctx = btn.getAttribute('data-wa-context') || 'hero';\n      track('whatsapp_' + ctx);\n      openModal(ctx);\n    });\n  });\n\n  if (modal) {\n    modal.querySelectorAll('[data-wa-close]').forEach(function (el) {\n      el.addEventListener('click', closeModal);\n    });\n\n    modal.addEventListener('click', function (e) {\n      if (e.target === modal.querySelector('.dmx-wa-modal__backdrop')) closeModal();\n    });\n\n    document.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape' && !modal.hidden) closeModal();\n    });\n\n    modal.querySelectorAll('[data-wa-need]').forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        state.need = btn.dataset.waNeed;\n        goStep(1);\n      });\n    });\n\n    modal.querySelectorAll('[data-wa-has]').forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        state.hasWeb = btn.dataset.waHas;\n        goStep(2);\n      });\n    });\n\n    modal.querySelectorAll('[data-wa-goal]').forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        state.goal = btn.dataset.waGoal;\n        goStep(3);\n        var preview = modal.querySelector('[data-wa-preview]');\n        if (preview) preview.textContent = buildQualifiedMessage();\n      });\n    });\n\n    var sendBtn = modal.querySelector('[data-wa-send]');\n    if (sendBtn) {\n      sendBtn.addEventListener('click', function () {\n        track('whatsapp_qualified_' + state.context);\n        window.open(waUrl(buildQualifiedMessage()), '_blank', 'noopener,noreferrer');\n        closeModal();\n      });\n    }\n\n    modal.querySelectorAll('[data-wa-quick]').forEach(function (link) {\n      link.addEventListener('click', function (e) {\n        e.preventDefault();\n        var ctx = link.dataset.waQuick || 'hero';\n        var msg = CONTEXT_MSG[ctx] || CONTEXT_MSG.hero;\n        track('whatsapp_quick_' + ctx);\n        window.open(waUrl(msg), '_blank', 'noopener,noreferrer');\n        closeModal();\n      });\n    });\n  }\n\n  if (stickyBar && agendaSection) {\n    var stickyObs = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        stickyBar.classList.toggle('is-hidden', entry.isIntersecting);\n      });\n    }, { threshold: 0.15 });\n    stickyObs.observe(agendaSection);\n  }\n\n  window.DmxWhatsApp = {\n    url: waUrl,\n    open: openModal,\n    messages: CONTEXT_MSG\n  };\n})();\n<\/script>\n<script>(function () {\n  'use strict';\n\n  var header = document.querySelector('.dmx-header');\n  var navToggle = document.querySelector('.dmx-nav-toggle');\n  var nav = document.querySelector('.dmx-nav');\n  var filterBtns = document.querySelectorAll('.dmx-filter');\n  var portfolioCards = document.querySelectorAll('.dmx-portfolio-card');\n  var timelineSteps = document.querySelectorAll('.dmx-process__step');\n  var faqItems = document.querySelectorAll('.dmx-faq__item');\n  var reveals = document.querySelectorAll('.dmx-reveal');\n\n  if (header) {\n    window.addEventListener('scroll', function () {\n      header.classList.toggle('dmx-header--scrolled', window.scrollY > 40);\n    }, { passive: true });\n  }\n\n  if (navToggle && nav) {\n    navToggle.addEventListener('click', function () {\n      var open = nav.classList.toggle('is-open');\n      navToggle.setAttribute('aria-expanded', open);\n    });\n\n    nav.querySelectorAll('a').forEach(function (link) {\n      link.addEventListener('click', function () {\n        nav.classList.remove('is-open');\n        navToggle.setAttribute('aria-expanded', 'false');\n      });\n    });\n  }\n\n  filterBtns.forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var filter = btn.dataset.filter;\n      filterBtns.forEach(function (b) {\n        b.classList.remove('is-active');\n        b.setAttribute('aria-selected', 'false');\n      });\n      btn.classList.add('is-active');\n      btn.setAttribute('aria-selected', 'true');\n\n      portfolioCards.forEach(function (card) {\n        var cat = card.dataset.category;\n        var tags = card.dataset.filter ? card.dataset.filter.split(\/\\s+\/) : [];\n        var match = filter === 'all' || cat === filter || tags.indexOf(filter) !== -1;\n        card.classList.toggle('is-hidden', !match);\n      });\n    });\n  });\n\n  if (timelineSteps.length && 'IntersectionObserver' in window) {\n    var stepObs = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          timelineSteps.forEach(function (s) { s.classList.remove('is-active'); });\n          entry.target.classList.add('is-active');\n        }\n      });\n    }, { threshold: 0.5, rootMargin: '-10% 0px' });\n\n    timelineSteps.forEach(function (step) { stepObs.observe(step); });\n  }\n\n  faqItems.forEach(function (item) {\n    var btn = item.querySelector('.dmx-faq__q');\n    btn.addEventListener('click', function () {\n      var isOpen = item.classList.contains('is-open');\n      faqItems.forEach(function (i) {\n        i.classList.remove('is-open');\n        i.querySelector('.dmx-faq__q').setAttribute('aria-expanded', 'false');\n      });\n      if (!isOpen) {\n        item.classList.add('is-open');\n        btn.setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n\n  if (reveals.length && 'IntersectionObserver' in window) {\n    var revealObs = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          revealObs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n    reveals.forEach(function (el) { revealObs.observe(el); });\n  } else {\n    reveals.forEach(function (el) { el.classList.add('is-visible'); });\n  }\n\n  var chatState = { need: '', has: '', goal: '' };\n  var chatSteps = document.querySelectorAll('[data-chat-step]');\n\n  function showChatStep(n) {\n    chatSteps.forEach(function (el) {\n      el.hidden = parseInt(el.dataset.chatStep, 10) !== n;\n    });\n  }\n\n  document.querySelectorAll('[data-chat-need]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      chatState.need = btn.dataset.chatNeed;\n      showChatStep(1);\n    });\n  });\n\n  document.querySelectorAll('[data-chat-has]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      chatState.has = btn.dataset.chatHas;\n      showChatStep(2);\n    });\n  });\n\n  document.querySelectorAll('[data-chat-goal]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      chatState.goal = btn.dataset.chatGoal;\n      showChatStep(3);\n    });\n  });\n\n  var chatWaBtn = document.getElementById('dmx-chat-wa-send');\n  if (chatWaBtn && window.DmxWhatsApp) {\n    chatWaBtn.addEventListener('click', function () {\n      var msg = [\n        'Hola Diremex \ud83d\udc4b',\n        'Vi su servicio de dise\u00f1o web.',\n        '',\n        'Necesito: ' + chatState.need,\n        'Ya tengo web: ' + chatState.has,\n        'Objetivo: ' + chatState.goal,\n        '',\n        'Me gustar\u00eda recibir una propuesta.'\n      ].join('\\n');\n      window.open(window.DmxWhatsApp.url(msg), '_blank', 'noopener,noreferrer');\n    });\n  }\n\n  var diagState = { goal: '', have: '', sector: '', objective: '' };\n  var diagSteps = document.querySelectorAll('[data-diag-step]');\n\n  function showDiagStep(n) {\n    diagSteps.forEach(function (el) {\n      el.hidden = parseInt(el.dataset.diagStep, 10) !== n;\n    });\n  }\n\n  document.querySelectorAll('[data-diag-goal]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      diagState.goal = btn.dataset.diagGoal;\n      showDiagStep(1);\n    });\n  });\n\n  document.querySelectorAll('[data-diag-have]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      diagState.have = btn.dataset.diagHave;\n      showDiagStep(2);\n    });\n  });\n\n  document.querySelectorAll('[data-diag-sector]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      diagState.sector = btn.dataset.diagSector;\n      showDiagStep(3);\n    });\n  });\n\n  document.querySelectorAll('[data-diag-objective]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      diagState.objective = btn.dataset.diagObjective;\n      showDiagStep(4);\n    });\n  });\n\n  var diagWaBtn = document.getElementById('dmx-diag-wa-send');\n  if (diagWaBtn && window.DmxWhatsApp) {\n    diagWaBtn.addEventListener('click', function () {\n      var msg = [\n        'Hola Diremex \ud83d\udc4b',\n        'Solicito diagn\u00f3stico digital.',\n        '',\n        'Quiero conseguir: ' + diagState.goal,\n        'Situaci\u00f3n actual: ' + diagState.have,\n        'Sector: ' + diagState.sector,\n        'Objetivo principal: ' + diagState.objective,\n        '',\n        'Me gustar\u00eda recibir orientaci\u00f3n.'\n      ].join('\\n');\n      window.open(window.DmxWhatsApp.url(msg), '_blank', 'noopener,noreferrer');\n    });\n  }\n\n  var auditForm = document.getElementById('dmx-audit-form');\n  if (auditForm && window.DmxWhatsApp) {\n    auditForm.addEventListener('submit', function (e) {\n      e.preventDefault();\n      var url = auditForm.url.value.trim();\n      var msg = [\n        'Hola Diremex \ud83d\udc4b',\n        'Me gustar\u00eda una revisi\u00f3n gratuita de mi sitio web.',\n        '',\n        'URL: ' + url,\n        '',\n        'Quiero saber oportunidades en velocidad, SEO, m\u00f3vil y conversi\u00f3n.'\n      ].join('\\n');\n      window.open(window.DmxWhatsApp.url(msg), '_blank', 'noopener,noreferrer');\n    });\n  }\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 Casos Industrial Portafolio Solicitar diagn\u00f3stico Caso de estudio \u00b7 Industrial IIEMCO \u00b7 Dise\u00f1o web y SEO para empresa industrial Empaques de cart\u00f3n corrugado \u00b7 Saltillo, Coahuila Contexto Fabricante B2B con trayectoria local IIEMCO produce empaques de cart\u00f3n corrugado para industria en Saltillo. Necesitaban una presencia digital acorde a su capacidad productiva y visible para [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diremex.com.mx\/sitiosia\/wp-json\/wp\/v2\/pages\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diremex.com.mx\/sitiosia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diremex.com.mx\/sitiosia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diremex.com.mx\/sitiosia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diremex.com.mx\/sitiosia\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":0,"href":"https:\/\/diremex.com.mx\/sitiosia\/wp-json\/wp\/v2\/pages\/104\/revisions"}],"wp:attachment":[{"href":"https:\/\/diremex.com.mx\/sitiosia\/wp-json\/wp\/v2\/media?parent=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}