{"id":2,"date":"2026-07-29T16:01:22","date_gmt":"2026-07-29T16:01:22","guid":{"rendered":"https:\/\/casamangle.justmusicoldschool.com.co\/?page_id=2"},"modified":"2026-10-19T00:26:59","modified_gmt":"2026-10-19T05:26:59","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/casamangle.justmusicoldschool.com.co\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');\n\n\/* =====================================================\n   CASA MANGLE \u2014 BLACK \/ NEON \/ ADVENTURE\n   CSS encapsulado para WordPress\n===================================================== *\/\n\n.cmg2 {\n  --c2-bg: #050706;\n  --c2-panel: #0b100e;\n  --c2-panel-2: #101714;\n  --c2-white: #f3f5ee;\n  --c2-muted: #a2aca5;\n  --c2-dim: #68756d;\n  --c2-line: rgba(230, 255, 238, .14);\n  --c2-lime: #c9ff36;\n  --c2-green: #9ce87a;\n  --c2-cyan: #5de8d1;\n  --c2-orange: #ffb17a;\n  --c2-mono: \"DM Mono\", monospace;\n  --c2-font: \"Space Grotesk\", \"Arial\", sans-serif;\n\n  position: relative;\n  left: 50%;\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: -50vw;\n  overflow: hidden;\n  background: var(--c2-bg);\n  color: var(--c2-white);\n  font-family: var(--c2-font);\n  font-size: 16px;\n  line-height: 1.6;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  scroll-behavior: smooth;\n  color-scheme: dark;\n}\n\n.cmg2 *,\n.cmg2 *::before,\n.cmg2 *::after {\n  box-sizing: border-box;\n}\n\n.cmg2 img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.cmg2 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.cmg2 button {\n  font: inherit;\n}\n\n.cmg2 a:focus-visible,\n.cmg2 button:focus-visible,\n.cmg2 summary:focus-visible {\n  outline: 2px solid var(--c2-lime);\n  outline-offset: 5px;\n}\n\n.cmg2 h1,\n.cmg2 h2,\n.cmg2 h3,\n.cmg2 p {\n  margin-top: 0;\n}\n\n.cmg2 h1,\n.cmg2 h2,\n.cmg2 h3 {\n  color: var(--c2-white);\n  font-family: var(--c2-font);\n  font-weight: 600;\n  letter-spacing: -.065em;\n  line-height: 1.02;\n}\n\n.cmg2 h1 em,\n.cmg2 h2 em,\n.cmg2 h3 em {\n  font-style: normal;\n}\n\n.cmg2 p {\n  overflow-wrap: break-word;\n}\n\n.cmg2-container {\n  width: min(1240px, calc(100% - 64px));\n  margin-inline: auto;\n}\n\n.cmg2-section {\n  position: relative;\n  padding: 120px 0;\n}\n\n.cmg2-section-code {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  line-height: 1.6;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.cmg2-section-code::before {\n  content: \"\";\n  display: inline-block;\n  width: 20px;\n  height: 1px;\n  background: var(--c2-lime);\n}\n\n.cmg2-inline-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 15px;\n  color: var(--c2-lime) !important;\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  letter-spacing: .07em;\n  line-height: 1.6;\n}\n\n.cmg2-inline-link span {\n  font-size: 18px;\n  transition: transform .25s ease;\n}\n\n.cmg2-inline-link:hover span {\n  transform: translate(4px, -3px);\n}\n\n.cmg2-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 25px;\n  min-height: 54px;\n  padding: 15px 21px;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: .06em;\n  transition: background .25s, color .25s, border-color .25s, transform .25s;\n  cursor: pointer;\n}\n\n.cmg2-button > span {\n  font-size: 17px;\n  line-height: 1;\n  transition: transform .25s;\n}\n\n.cmg2-button:hover {\n  transform: translateY(-3px);\n}\n\n.cmg2-button:hover > span {\n  transform: translate(3px, -2px);\n}\n\n.cmg2-button-lime {\n  background: var(--c2-lime);\n  border-color: var(--c2-lime);\n  color: #080b05 !important;\n}\n\n.cmg2-button-lime:hover {\n  background: #e0ff8c;\n  border-color: #e0ff8c;\n  color: #080b05 !important;\n}\n\n.cmg2-button-ghost {\n  border-color: rgba(243, 245, 238, .36);\n  color: var(--c2-white) !important;\n  background: rgba(5, 7, 6, .18);\n}\n\n.cmg2-button-ghost:hover {\n  border-color: var(--c2-lime);\n  background: rgba(201, 255, 54, .06);\n  color: var(--c2-lime) !important;\n}\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.cmg2-header {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 50;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n  width: 100%;\n  min-height: 90px;\n  padding: 20px max(32px, calc((100vw - 1240px) \/ 2));\n  border-bottom: 1px solid rgba(255, 255, 255, .14);\n  background: linear-gradient(180deg, rgba(5, 7, 6, .8), rgba(5, 7, 6, .16));\n  backdrop-filter: blur(9px);\n  -webkit-backdrop-filter: blur(9px);\n}\n\n.cmg2-logo {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: 12px;\n  min-width: max-content;\n}\n\n.cmg2-logo-mark {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(201, 255, 54, .8);\n  color: var(--c2-lime);\n  font-family: var(--c2-font);\n  font-size: 23px;\n  font-weight: 700;\n  letter-spacing: -.09em;\n  transform: rotate(-4deg);\n}\n\n.cmg2-logo-mark > span {\n  color: var(--c2-cyan);\n}\n\n.cmg2-logo-text {\n  display: grid;\n  gap: 1px;\n  font-family: var(--c2-font);\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: .13em;\n  line-height: 1.2;\n  color: var(--c2-white);\n}\n\n.cmg2-logo-text b {\n  font-weight: 700;\n}\n\n.cmg2-logo-text small {\n  display: block;\n  margin-top: 4px;\n  color: #9aa59b;\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .06em;\n}\n\n.cmg2-nav {\n  display: flex;\n  align-items: center;\n  gap: clamp(17px, 2.1vw, 32px);\n}\n\n.cmg2-nav > a {\n  color: rgba(243, 245, 238, .83) !important;\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  letter-spacing: .02em;\n  transition: color .2s;\n}\n\n.cmg2-nav > a:hover {\n  color: var(--c2-lime) !important;\n}\n\n.cmg2-nav .cmg2-nav-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 18px;\n  padding: 12px 15px;\n  border: 1px solid rgba(201, 255, 54, .6);\n  color: var(--c2-lime) !important;\n}\n\n.cmg2-nav-cta span {\n  font-size: 16px;\n}\n\n.cmg2-menu-btn {\n  display: none;\n}\n\n\/* =====================================================\n   HERO \u2014 CINEMATIC \/ PARALLAX \/ GRID\n===================================================== *\/\n\n.cmg2-hero {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 850px;\n  min-height: max(740px, 100svh);\n  padding-top: 90px;\n  overflow: hidden;\n  isolation: isolate;\n  background: #07100b;\n}\n\n.cmg2-hero-photo,\n.cmg2-hero-grid,\n.cmg2-hero-vignette,\n.cmg2-hero-glow {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n}\n\n.cmg2-hero-photo img {\n  opacity: .85;\n  object-position: center 55%;\n  transform: scale(1.05);\n  animation: cmg2-hero-drift 19s ease-in-out infinite alternate;\n}\n\n.cmg2-hero-grid {\n  z-index: 0;\n  opacity: .14;\n  background-image:\n    linear-gradient(rgba(201,255,54,.16) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(201,255,54,.16) 1px, transparent 1px);\n  background-size: 70px 70px;\n  -webkit-mask-image: linear-gradient(90deg, #000, transparent 85%);\n  mask-image: linear-gradient(90deg, #000, transparent 85%);\n}\n\n.cmg2-hero-vignette {\n  background:\n    linear-gradient(90deg, rgba(4, 8, 5, .95) 0%, rgba(4, 8, 5, .76) 38%, rgba(4, 8, 5, .32) 75%, rgba(4, 8, 5, .14) 100%),\n    linear-gradient(0deg, var(--c2-bg), transparent 28%, rgba(4, 8, 5, .16) 83%, rgba(4,8,5,.6));\n}\n\n.cmg2-hero-glow {\n  z-index: 1;\n  background: radial-gradient(\n    430px circle at var(--cmg2-mouse-x, 72%) var(--cmg2-mouse-y, 38%),\n    rgba(93, 232, 209, .12),\n    transparent 75%\n  );\n  transition: background .12s;\n}\n\n.cmg2-hero-inner {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  min-height: 700px;\n}\n\n.cmg2-hero-copy {\n  width: min(760px, 72%);\n  padding-top: 65px;\n  padding-bottom: 50px;\n}\n\n.cmg2-kicker {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 35px;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .095em;\n  line-height: 1.8;\n}\n\n.cmg2-live-dot {\n  position: relative;\n  width: 7px;\n  height: 7px;\n  flex: 0 0 7px;\n  border-radius: 50%;\n  background: var(--c2-lime);\n  box-shadow: 0 0 15px rgba(201, 255, 54, .7);\n}\n\n.cmg2-live-dot::after {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  border: 1px solid rgba(201, 255, 54, .6);\n  border-radius: 50%;\n  animation: cmg2-pulse 2.2s ease-out infinite;\n}\n\n.cmg2-hero h1 {\n  max-width: 840px;\n  margin-bottom: 30px;\n  color: #fff;\n  font-size: clamp(55px, 8.4vw, 112px);\n  font-weight: 700;\n  line-height: .91;\n  letter-spacing: -.085em;\n}\n\n.cmg2-hero h1 > span {\n  display: block;\n  margin-top: 9px;\n  font-size: .77em;\n  letter-spacing: -.07em;\n}\n\n.cmg2-hero h1 > em {\n  display: block;\n  margin-top: 8px;\n  color: var(--c2-lime);\n  font-style: normal;\n  text-shadow: 0 0 45px rgba(201,255,54,.08);\n}\n\n.cmg2-hero-description {\n  max-width: 580px;\n  margin-bottom: 30px;\n  color: rgba(243, 245, 238, .78);\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n.cmg2-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n}\n\n.cmg2-hero-bottom {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n  margin-top: 76px;\n  padding-top: 21px;\n  border-top: 1px solid rgba(255,255,255,.2);\n}\n\n.cmg2-hero-locations {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 13px;\n  color: rgba(243,245,238,.8);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .05em;\n}\n\n.cmg2-hero-locations i {\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: var(--c2-lime);\n}\n\n.cmg2-scroll-label {\n  color: rgba(243,245,238,.59);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .06em;\n}\n\n.cmg2-scroll-label b {\n  margin-left: 9px;\n  color: var(--c2-lime);\n  font-size: 15px;\n}\n\n.cmg2-hero-index {\n  position: absolute;\n  right: 26px;\n  bottom: 28%;\n  z-index: 3;\n  color: rgba(255,255,255,.46);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .2em;\n  writing-mode: vertical-rl;\n}\n\n\/* ORBITA *\/\n\n.cmg2-hero-orbit {\n  position: absolute;\n  right: 4%;\n  top: 48%;\n  width: clamp(190px, 23vw, 315px);\n  aspect-ratio: 1;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n.cmg2-orbit-ring {\n  position: absolute;\n  inset: 0;\n  border: 1px solid rgba(201,255,54,.4);\n  border-radius: 50%;\n  box-shadow: inset 0 0 30px rgba(93,232,209,.035);\n}\n\n.cmg2-orbit-ring-one {\n  animation: cmg2-orbit 32s linear infinite;\n}\n\n.cmg2-orbit-ring-one::before,\n.cmg2-orbit-ring-two::before {\n  content: \"\";\n  position: absolute;\n  left: 19%;\n  top: -3px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--c2-lime);\n  box-shadow: 0 0 19px var(--c2-lime);\n}\n\n.cmg2-orbit-ring-two {\n  inset: 12%;\n  border-color: rgba(93,232,209,.4);\n  transform: rotateX(60deg) rotateZ(-27deg);\n  animation: cmg2-orbit 26s linear infinite reverse;\n}\n\n.cmg2-orbit-ring-two::before {\n  left: auto;\n  right: 12%;\n  background: var(--c2-cyan);\n  box-shadow: 0 0 19px var(--c2-cyan);\n}\n\n.cmg2-orbit-core {\n  position: absolute;\n  inset: 30%;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(201,255,54,.65);\n  border-radius: 50%;\n  background: radial-gradient(circle at 40% 35%, rgba(201,255,54,.18), rgba(5,7,6,.5) 70%);\n  box-shadow: 0 0 70px rgba(201,255,54,.12), inset 0 0 25px rgba(201,255,54,.07);\n}\n\n.cmg2-orbit-core span {\n  color: var(--c2-lime);\n  font-size: clamp(36px, 5vw, 65px);\n  font-weight: 700;\n  letter-spacing: -.12em;\n}\n\n.cmg2-orbit-label {\n  position: absolute;\n  right: -16%;\n  bottom: 5%;\n  color: rgba(243,245,238,.65);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .12em;\n  line-height: 1.8;\n  transform: rotate(-90deg);\n}\n\n\/* =====================================================\n   TICKER\n===================================================== *\/\n\n.cmg2-ticker {\n  position: relative;\n  z-index: 2;\n  overflow: hidden;\n  padding: 19px 0;\n  border-top: 1px solid rgba(201,255,54,.3);\n  border-bottom: 1px solid rgba(201,255,54,.3);\n  background: var(--c2-lime);\n  color: #0a0c06;\n}\n\n.cmg2-ticker-track {\n  display: flex;\n  align-items: center;\n  width: max-content;\n  gap: 30px;\n  animation: cmg2-ticker-run 35s linear infinite;\n}\n\n.cmg2-ticker-track span {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .09em;\n  white-space: nowrap;\n}\n\n.cmg2-ticker-track i {\n  font-style: normal;\n  font-size: 18px;\n  color: #43600a;\n}\n\n\/* =====================================================\n   MANIFIESTO\n===================================================== *\/\n\n.cmg2-manifesto {\n  position: relative;\n  background:\n    radial-gradient(ellipse at 100% 15%, rgba(93,232,209,.05), transparent 37%),\n    var(--c2-bg);\n}\n\n.cmg2-manifesto-grid {\n  display: grid;\n  grid-template-columns: 140px minmax(0, 1fr) 200px;\n  align-items: start;\n  gap: clamp(30px, 4.5vw, 74px);\n}\n\n.cmg2-manifesto-label {\n  display: flex;\n  min-height: 340px;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.cmg2-crosshair {\n  display: grid;\n  place-items: center;\n  width: 35px;\n  height: 35px;\n  border: 1px solid var(--c2-line);\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 20px;\n}\n\n.cmg2-manifesto-content h2 {\n  max-width: 850px;\n  margin-bottom: 32px;\n  font-size: clamp(37px, 5.3vw, 69px);\n  line-height: 1.05;\n}\n\n.cmg2-manifesto-content h2 em {\n  display: block;\n  margin-top: 10px;\n  color: var(--c2-lime);\n}\n\n.cmg2-manifesto-content p {\n  max-width: 760px;\n  margin-bottom: 19px;\n  color: var(--c2-muted);\n  font-size: 15px;\n  line-height: 1.95;\n}\n\n.cmg2-manifesto-content .cmg2-inline-link {\n  margin-top: 16px;\n}\n\n.cmg2-manifesto-visual {\n  position: relative;\n  align-self: stretch;\n  min-height: 270px;\n  display: grid;\n  place-items: center;\n}\n\n.cmg2-manifesto-circle {\n  position: absolute;\n  width: 175px;\n  aspect-ratio: 1;\n  border: 1px solid rgba(201,255,54,.44);\n  border-radius: 50%;\n  box-shadow: 0 0 55px rgba(201,255,54,.06), inset 0 0 40px rgba(201,255,54,.04);\n  animation: cmg2-orbit 36s linear infinite;\n}\n\n.cmg2-manifesto-circle::after {\n  content: \"\";\n  position: absolute;\n  inset: 18px;\n  border: 1px dashed rgba(93,232,209,.34);\n  border-radius: 50%;\n}\n\n.cmg2-manifesto-symbol {\n  position: relative;\n  z-index: 1;\n  color: var(--c2-lime);\n  font-size: 55px;\n  font-weight: 700;\n  letter-spacing: -.12em;\n}\n\n.cmg2-manifesto-symbol span {\n  color: var(--c2-cyan);\n}\n\n.cmg2-manifesto-coordinates {\n  position: absolute;\n  bottom: 0;\n  color: var(--c2-dim);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .06em;\n  text-align: center;\n  white-space: nowrap;\n}\n\n\/* =====================================================\n   HEADING DE SECCIONES\n===================================================== *\/\n\n.cmg2-heading-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  gap: 44px;\n  margin-bottom: 50px;\n}\n\n.cmg2-heading-row h2 {\n  margin: 20px 0 0;\n  font-size: clamp(43px, 6.2vw, 76px);\n  line-height: .99;\n}\n\n.cmg2-heading-row h2 em {\n  color: var(--c2-lime);\n}\n\n.cmg2-heading-row > p {\n  max-width: 365px;\n  margin-bottom: 6px;\n  color: var(--c2-muted);\n  font-size: 14px;\n  line-height: 1.85;\n}\n\n\/* =====================================================\n   TERRITORIOS \u2014 TARJETAS CINEMATOGR\u00c1FICAS\n===================================================== *\/\n\n.cmg2-territories {\n  background:\n    radial-gradient(ellipse at 0 45%, rgba(93,232,209,.04), transparent 33%),\n    #080c0a;\n  border-top: 1px solid rgba(255,255,255,.06);\n}\n\n.cmg2-territory-grid {\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  grid-template-rows: repeat(2, minmax(275px, 1fr));\n  gap: 16px;\n}\n\n.cmg2-territory {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  min-width: 0;\n  min-height: 310px;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,.13);\n  background: #0c1510;\n  isolation: isolate;\n  transition: border-color .3s, transform .4s;\n}\n\n.cmg2-territory::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  border: 1px solid transparent;\n  pointer-events: none;\n}\n\n.cmg2-territory-pacific {\n  grid-column: span 7;\n  grid-row: span 2;\n  min-height: 620px;\n}\n\n.cmg2-territory-mountain,\n.cmg2-territory-cali {\n  grid-column: span 5;\n}\n\n.cmg2-territory > img {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  transition: transform .9s cubic-bezier(.2,.7,.2,1), filter .6s;\n  filter: saturate(.75) brightness(.82);\n}\n\n.cmg2-territory:hover > img {\n  transform: scale(1.055);\n  filter: saturate(1.05) brightness(.94);\n}\n\n.cmg2-territory-vignette {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  background:\n    linear-gradient(180deg, rgba(3,7,5,.55), transparent 25%, rgba(3,7,5,.3) 45%, rgba(3,7,5,.95) 100%),\n    linear-gradient(90deg, rgba(3,7,5,.22), transparent 70%);\n}\n\n.cmg2-territory:hover {\n  border-color: rgba(201,255,54,.55);\n  transform: translateY(-3px);\n}\n\n.cmg2-territory-meta {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding: 20px;\n}\n\n.cmg2-territory-meta > span:first-child,\n.cmg2-territory-number,\n.cmg2-territory-chip {\n  color: rgba(255,255,255,.81);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .08em;\n}\n\n.cmg2-territory-chip {\n  padding: 7px 9px;\n  border: 1px solid rgba(255,255,255,.33);\n  background: rgba(5,7,6,.25);\n  backdrop-filter: blur(5px);\n}\n\n.cmg2-territory-content {\n  position: relative;\n  padding: 30px;\n}\n\n.cmg2-territory-number {\n  display: block;\n  margin-bottom: 13px;\n  color: var(--c2-lime);\n}\n\n.cmg2-territory-content h3 {\n  margin-bottom: 20px;\n  font-size: clamp(33px, 4.1vw, 55px);\n  line-height: .99;\n}\n\n.cmg2-territory-content h3 em {\n  color: var(--c2-lime);\n  font-style: normal;\n}\n\n.cmg2-territory-content p {\n  max-width: 460px;\n  margin-bottom: 20px;\n  color: rgba(243,245,238,.76);\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n.cmg2-card-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  max-width: calc(100% - 62px);\n}\n\n.cmg2-card-tags span {\n  padding: 6px 8px;\n  border: 1px solid rgba(255,255,255,.2);\n  color: rgba(255,255,255,.76);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .025em;\n}\n\n.cmg2-circle-link {\n  position: absolute;\n  right: 25px;\n  bottom: 26px;\n  display: grid;\n  place-items: center;\n  width: 47px;\n  height: 47px;\n  border: 1px solid var(--c2-lime);\n  border-radius: 50%;\n  background: rgba(5,7,6,.16);\n  color: var(--c2-lime) !important;\n  font-size: 22px;\n  transition: background .25s, color .25s, transform .25s;\n}\n\n.cmg2-circle-link:hover {\n  background: var(--c2-lime);\n  color: #050706 !important;\n  transform: rotate(45deg);\n}\n\n.cmg2-image-disclaimer {\n  margin: 16px 0 0;\n  color: var(--c2-dim);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  line-height: 1.6;\n}\n\n\/* =====================================================\n   EXPERIENCIAS\n===================================================== *\/\n\n.cmg2-experiences {\n  background: var(--c2-bg);\n}\n\n.cmg2-experience-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  border-top: 1px solid var(--c2-line);\n  border-bottom: 1px solid var(--c2-line);\n}\n\n.cmg2-experience-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 365px;\n  padding: 28px;\n  border-right: 1px solid var(--c2-line);\n  background: transparent;\n  transition: background .3s;\n}\n\n.cmg2-experience-card:first-child {\n  border-left: 1px solid var(--c2-line);\n}\n\n.cmg2-experience-card:hover {\n  background: linear-gradient(150deg, rgba(201,255,54,.075), rgba(93,232,209,.015));\n}\n\n.cmg2-experience-number {\n  color: var(--c2-dim);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .1em;\n}\n\n.cmg2-experience-icon {\n  display: grid;\n  place-items: center;\n  width: 52px;\n  height: 52px;\n  margin: 36px 0 29px;\n  border: 1px solid rgba(201,255,54,.42);\n  color: var(--c2-lime);\n  font-size: 27px;\n  transition: background .25s, transform .25s;\n}\n\n.cmg2-experience-card:hover .cmg2-experience-icon {\n  background: rgba(201,255,54,.09);\n  transform: rotate(-7deg);\n}\n\n.cmg2-experience-type {\n  color: var(--c2-cyan);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .06em;\n}\n\n.cmg2-experience-card h3 {\n  margin: 13px 0 14px;\n  font-size: 29px;\n  line-height: 1.08;\n}\n\n.cmg2-experience-card > p {\n  color: var(--c2-muted);\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n.cmg2-experience-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n  margin-top: auto;\n  padding-top: 25px;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .06em;\n}\n\n.cmg2-experience-footer b {\n  font-size: 19px;\n  font-weight: 400;\n  transition: transform .25s;\n}\n\n.cmg2-experience-card:hover .cmg2-experience-footer b {\n  transform: translate(4px, -3px);\n}\n\n\/* =====================================================\n   NYPA \u2014 COMUNIDAD\n===================================================== *\/\n\n.cmg2-nypa {\n  position: relative;\n  overflow: hidden;\n  background: #0a100b;\n  border-top: 1px solid rgba(201,255,54,.23);\n  border-bottom: 1px solid rgba(201,255,54,.23);\n}\n\n.cmg2-nypa-bg {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at 15% 40%, rgba(201,255,54,.085), transparent 38%),\n    radial-gradient(ellipse at 88% 70%, rgba(93,232,209,.08), transparent 35%),\n    linear-gradient(135deg, #080b08, #0c1510 50%, #080c09);\n  pointer-events: none;\n}\n\n.cmg2-nypa-layout {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  align-items: center;\n  gap: clamp(50px, 9vw, 130px);\n}\n\n.cmg2-nypa-word {\n  margin: 34px 0 20px;\n  font-size: clamp(85px, 13vw, 160px);\n  font-weight: 700;\n  line-height: .8;\n  letter-spacing: -.11em;\n  color: var(--c2-white);\n  text-shadow: 0 0 60px rgba(201,255,54,.07);\n}\n\n.cmg2-nypa-word > span:first-child {\n  color: var(--c2-lime);\n}\n\n.cmg2-nypa-word .cmg2-nypa-period {\n  color: var(--c2-cyan);\n}\n\n.cmg2-nypa-main h2 {\n  margin-bottom: 24px;\n  font-size: clamp(40px, 5.1vw, 63px);\n}\n\n.cmg2-nypa-main h2 em {\n  color: var(--c2-lime);\n}\n\n.cmg2-nypa-main > p {\n  max-width: 480px;\n  margin-bottom: 28px;\n  color: var(--c2-muted);\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n.cmg2-nypa-benefits {\n  border-top: 1px solid rgba(255,255,255,.18);\n}\n\n.cmg2-benefit {\n  display: grid;\n  grid-template-columns: 36px minmax(0, 1fr) 25px;\n  gap: 15px;\n  align-items: start;\n  padding: 24px 0;\n  border-bottom: 1px solid rgba(255,255,255,.18);\n  transition: padding .25s;\n}\n\n.cmg2-benefit:hover {\n  padding-left: 7px;\n}\n\n.cmg2-benefit-index {\n  padding-top: 4px;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 10px;\n}\n\n.cmg2-benefit h3 {\n  margin-bottom: 7px;\n  font-size: 17px;\n  letter-spacing: -.03em;\n}\n\n.cmg2-benefit p {\n  margin: 0;\n  color: var(--c2-muted);\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n.cmg2-benefit-symbol {\n  color: var(--c2-cyan);\n  font-size: 19px;\n  text-align: right;\n}\n\n.cmg2-nypa-watermark {\n  position: absolute;\n  right: -20px;\n  bottom: -105px;\n  color: rgba(255,255,255,.018);\n  font-size: clamp(160px, 24vw, 340px);\n  font-weight: 700;\n  letter-spacing: -.1em;\n  line-height: 1;\n  pointer-events: none;\n}\n\n\/* =====================================================\n   UNIVERSO COMERCIAL\n===================================================== *\/\n\n.cmg2-universe {\n  background: #070a08;\n}\n\n.cmg2-universe-grid {\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: 17px;\n}\n\n.cmg2-universe-feature {\n  position: relative;\n  display: flex;\n  min-height: 600px;\n  flex-direction: column;\n  justify-content: flex-end;\n  overflow: hidden;\n  border: 1px solid var(--c2-line);\n  background: #111714;\n  isolation: isolate;\n}\n\n.cmg2-universe-feature > img {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  filter: saturate(.7) brightness(.76);\n  transition: transform .7s, filter .5s;\n}\n\n.cmg2-universe-feature:hover > img {\n  transform: scale(1.05);\n  filter: saturate(1) brightness(.86);\n}\n\n.cmg2-universe-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background: linear-gradient(0deg, rgba(3,6,4,.97), rgba(3,6,4,.35) 52%, rgba(3,6,4,.08));\n}\n\n.cmg2-universe-content {\n  padding: clamp(24px, 4vw, 48px);\n}\n\n.cmg2-universe-content > span,\n.cmg2-universe-card-body > span {\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .07em;\n}\n\n.cmg2-universe-content h3 {\n  margin: 18px 0;\n  font-size: clamp(43px, 5vw, 65px);\n  line-height: .98;\n}\n\n.cmg2-universe-content p {\n  max-width: 450px;\n  color: rgba(243,245,238,.73);\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n.cmg2-text-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 11px;\n  color: var(--c2-lime) !important;\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  letter-spacing: .08em;\n}\n\n.cmg2-universe-feature .cmg2-text-button:hover {\n  color: #fff !important;\n}\n\n.cmg2-universe-grid > .cmg2-universe-card {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  border: 1px solid var(--c2-line);\n  background: var(--c2-panel);\n}\n\n.cmg2-universe-card-art {\n  position: relative;\n  height: 220px;\n  overflow: hidden;\n  background: #121915;\n}\n\n.cmg2-universe-card-art img {\n  filter: saturate(.7) brightness(.78);\n  transition: transform .6s, filter .4s;\n}\n\n.cmg2-universe-card:hover .cmg2-universe-card-art img {\n  transform: scale(1.05);\n  filter: saturate(1) brightness(.92);\n}\n\n.cmg2-art-index {\n  position: absolute;\n  left: 17px;\n  bottom: 15px;\n  padding: 7px 9px;\n  border: 1px solid rgba(255,255,255,.28);\n  background: rgba(5,7,6,.4);\n  color: #fff;\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .08em;\n}\n\n.cmg2-universe-card-body {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: 25px;\n}\n\n.cmg2-universe-card-body > span {\n  color: var(--c2-cyan);\n}\n\n.cmg2-universe-card-body h3 {\n  margin: 14px 0 12px;\n  font-size: clamp(23px, 2.3vw, 30px);\n  line-height: 1.08;\n}\n\n.cmg2-universe-card-body p {\n  margin-bottom: 19px;\n  color: var(--c2-muted);\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n.cmg2-universe-card-body .cmg2-inline-link {\n  margin-top: auto;\n  padding-top: 8px;\n}\n\n\/* =====================================================\n   CHECKOUT \/ COMPRAS\n===================================================== *\/\n\n.cmg2-checkout {\n  position: relative;\n  padding: 65px 0;\n  border-top: 1px solid rgba(201,255,54,.22);\n  border-bottom: 1px solid rgba(201,255,54,.22);\n  background:\n    radial-gradient(ellipse at 0 50%, rgba(201,255,54,.07), transparent 38%),\n    #0b100c;\n}\n\n.cmg2-checkout-inner {\n  display: grid;\n  grid-template-columns: 100px minmax(0, 1fr) minmax(190px, 290px);\n  gap: 35px;\n  align-items: center;\n}\n\n.cmg2-checkout-mark {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 84px;\n  height: 84px;\n  border: 1px solid rgba(201,255,54,.55);\n  color: var(--c2-lime);\n  font-size: 27px;\n  font-weight: 700;\n  letter-spacing: -.08em;\n}\n\n.cmg2-checkout-mark::before,\n.cmg2-checkout-mark::after {\n  content: \"\";\n  position: absolute;\n  inset: 7px;\n  border: 1px solid rgba(93,232,209,.22);\n}\n\n.cmg2-checkout-mark::after {\n  inset: -9px;\n  border-style: dashed;\n  border-color: rgba(201,255,54,.16);\n  border-radius: 50%;\n}\n\n.cmg2-checkout-mark i {\n  position: absolute;\n  right: -12px;\n  top: -12px;\n  display: grid;\n  place-items: center;\n  width: 29px;\n  height: 29px;\n  background: var(--c2-lime);\n  color: #050706;\n  font-size: 15px;\n  font-style: normal;\n}\n\n.cmg2-checkout-copy h2 {\n  margin: 16px 0 15px;\n  font-size: clamp(30px, 3.6vw, 46px);\n  line-height: 1.05;\n}\n\n.cmg2-checkout-copy h2 em {\n  color: var(--c2-lime);\n}\n\n.cmg2-checkout-copy p {\n  max-width: 620px;\n  margin-bottom: 0;\n  color: var(--c2-muted);\n  font-size: 12px;\n  line-height: 1.85;\n}\n\n.cmg2-checkout-action {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 13px;\n}\n\n.cmg2-checkout-action .cmg2-button {\n  width: 100%;\n}\n\n.cmg2-checkout-action small {\n  color: var(--c2-dim);\n  font-size: 10px;\n  line-height: 1.75;\n}\n\n\/* =====================================================\n   FAQ\n===================================================== *\/\n\n.cmg2-faq {\n  background: var(--c2-bg);\n}\n\n.cmg2-faq-grid {\n  display: grid;\n  grid-template-columns: .75fr 1.25fr;\n  gap: clamp(45px, 9vw, 140px);\n}\n\n.cmg2-faq-grid > div:first-child h2 {\n  margin: 24px 0 18px;\n  font-size: clamp(37px, 4.5vw, 57px);\n  line-height: 1.02;\n}\n\n.cmg2-faq-grid > div:first-child h2 em {\n  display: inline-block;\n  margin-top: 8px;\n  color: var(--c2-lime);\n}\n\n.cmg2-faq-grid > div:first-child > p {\n  max-width: 360px;\n  color: var(--c2-muted);\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n.cmg2-faq-list {\n  border-top: 1px solid var(--c2-line);\n}\n\n.cmg2-faq-list details {\n  border-bottom: 1px solid var(--c2-line);\n}\n\n.cmg2-faq-list summary {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n  min-height: 68px;\n  padding: 19px 0;\n  list-style: none;\n  color: var(--c2-white);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.cmg2-faq-list summary::-webkit-details-marker {\n  display: none;\n}\n\n.cmg2-faq-list summary > span {\n  display: grid;\n  flex: 0 0 28px;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border: 1px solid rgba(201,255,54,.3);\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 18px;\n  font-weight: 400;\n  transition: background .2s, transform .2s;\n}\n\n.cmg2-faq-list details[open] summary > span {\n  background: var(--c2-lime);\n  color: #050706;\n  transform: rotate(45deg);\n}\n\n.cmg2-faq-list details > p {\n  max-width: 650px;\n  padding: 0 40px 24px 0;\n  margin: 0;\n  color: var(--c2-muted);\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n\/* =====================================================\n   LLAMADO FINAL\n===================================================== *\/\n\n.cmg2-join {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 610px;\n  overflow: hidden;\n  isolation: isolate;\n  border-top: 1px solid rgba(201,255,54,.3);\n  background: #061008;\n}\n\n.cmg2-join-image,\n.cmg2-join-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  pointer-events: none;\n}\n\n.cmg2-join-image {\n  background-image: url(\"https:\/\/images.unsplash.com\/photo-1511497584788-876760111969?auto=format&fit=crop&w=2000&q=85\");\n  background-size: cover;\n  background-position: center;\n  opacity: .48;\n}\n\n.cmg2-join::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n  background:\n    linear-gradient(90deg, rgba(3,8,4,.95), rgba(3,8,4,.69) 58%, rgba(3,8,4,.15)),\n    linear-gradient(0deg, rgba(3,8,4,.65), transparent 75%);\n}\n\n.cmg2-join-grid {\n  z-index: 0;\n  opacity: .13;\n  background-image:\n    linear-gradient(rgba(201,255,54,.25) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(201,255,54,.25) 1px, transparent 1px);\n  background-size: 80px 80px;\n  -webkit-mask-image: linear-gradient(90deg, #000, transparent 85%);\n  mask-image: linear-gradient(90deg, #000, transparent 85%);\n}\n\n.cmg2-join-content {\n  position: relative;\n  z-index: 2;\n  padding-top: 110px;\n  padding-bottom: 110px;\n}\n\n.cmg2-join-content h2 {\n  margin: 27px 0 23px;\n  font-size: clamp(53px, 8.3vw, 101px);\n  line-height: .92;\n}\n\n.cmg2-join-content h2 em {\n  color: var(--c2-lime);\n}\n\n.cmg2-join-content > p {\n  max-width: 500px;\n  color: rgba(243,245,238,.75);\n  font-size: 14px;\n  line-height: 1.9;\n  margin-bottom: 28px;\n}\n\n.cmg2-join-stamp {\n  position: absolute;\n  right: max(35px, calc((100vw - 1240px)\/2));\n  bottom: 70px;\n  z-index: 2;\n  display: grid;\n  place-items: center;\n  width: 125px;\n  height: 125px;\n  border: 1px solid rgba(201,255,54,.6);\n  border-radius: 50%;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  letter-spacing: .13em;\n  line-height: 1.6;\n  text-align: center;\n  transform: rotate(10deg);\n}\n\n.cmg2-join-stamp b {\n  font-size: 18px;\n}\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.cmg2-footer {\n  background: #050706;\n}\n\n.cmg2-footer-main {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: 26px;\n  padding: 37px 0 31px;\n}\n\n.cmg2-footer-main > p {\n  grid-column: 1;\n  margin: 7px 0 0;\n  color: var(--c2-dim);\n  font-size: 11px;\n}\n\n.cmg2-footer-links {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 20px;\n  grid-column: 2;\n  grid-row: 1 \/ span 2;\n}\n\n.cmg2-footer-links a,\n.cmg2-footer-bottom {\n  color: var(--c2-muted) !important;\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .035em;\n}\n\n.cmg2-footer-links a {\n  transition: color .2s;\n}\n\n.cmg2-footer-links a:hover,\n.cmg2-footer-bottom a:hover {\n  color: var(--c2-lime) !important;\n}\n\n.cmg2-footer-bottom {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 13px;\n  padding: 17px 0;\n  border-top: 1px solid var(--c2-line);\n}\n\n.cmg2-footer-bottom a {\n  color: var(--c2-lime) !important;\n}\n\n\/* =====================================================\n   ANIMACIONES\n===================================================== *\/\n\n@keyframes cmg2-ticker-run {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n@keyframes cmg2-orbit {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes cmg2-pulse {\n  0% { transform: scale(.7); opacity: .9; }\n  100% { transform: scale(1.9); opacity: 0; }\n}\n\n@keyframes cmg2-hero-drift {\n  from { transform: scale(1.05) translate3d(0, 0, 0); }\n  to { transform: scale(1.12) translate3d(-1%, -1%, 0); }\n}\n\n.cmg2 [data-cmg2-reveal] {\n  opacity: 1;\n  transform: none;\n}\n\n.cmg2.cmg2-js [data-cmg2-reveal] {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);\n}\n\n.cmg2.cmg2-js [data-cmg2-reveal].cmg2-is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1020px) {\n  .cmg2-container {\n    width: min(100% - 44px, 1240px);\n  }\n\n  .cmg2-header {\n    padding-inline: 23px;\n  }\n\n  .cmg2-nav {\n    gap: 16px;\n  }\n\n  .cmg2-nav > a {\n    font-size: 9px;\n  }\n\n  .cmg2-hero-copy {\n    width: 78%;\n  }\n\n  .cmg2-hero-orbit {\n    right: -6%;\n    opacity: .72;\n  }\n\n  .cmg2-manifesto-grid {\n    grid-template-columns: 100px minmax(0, 1fr);\n  }\n\n  .cmg2-manifesto-visual {\n    display: none;\n  }\n\n  .cmg2-territory-content {\n    padding: 23px;\n  }\n\n  .cmg2-territory-content h3 {\n    font-size: clamp(31px, 4vw, 43px);\n  }\n\n  .cmg2-nypa-layout {\n    gap: 48px;\n  }\n\n  .cmg2-checkout-inner {\n    grid-template-columns: 75px minmax(0, 1fr);\n  }\n\n  .cmg2-checkout-mark {\n    width: 65px;\n    height: 65px;\n  }\n\n  .cmg2-checkout-action {\n    grid-column: 2;\n  }\n\n  .cmg2-checkout-action .cmg2-button {\n    width: auto;\n  }\n\n  .cmg2-universe-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .cmg2-universe-feature {\n    min-height: 500px;\n    grid-row: span 2;\n  }\n\n  .cmg2-universe-card-art {\n    height: 180px;\n  }\n\n  .cmg2-footer-links {\n    gap: 13px;\n  }\n}\n\n\/* =====================================================\n   M\u00d3VILES\n===================================================== *\/\n\n@media (max-width: 760px) {\n  .cmg2-container {\n    width: calc(100% - 36px);\n  }\n\n  .cmg2-section {\n    padding: 79px 0;\n  }\n\n  \/* Navegaci\u00f3n *\/\n  .cmg2-header {\n    min-height: 76px;\n    padding: 15px 18px;\n  }\n\n  .cmg2-logo {\n    gap: 10px;\n  }\n\n  .cmg2-logo-mark {\n    width: 38px;\n    height: 38px;\n    font-size: 20px;\n  }\n\n  .cmg2-logo-text {\n    font-size: 13px;\n  }\n\n  .cmg2-logo-text small {\n    font-size: 7px;\n  }\n\n  .cmg2-menu-btn {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 6px;\n    width: 43px;\n    height: 43px;\n    padding: 11px;\n    border: 1px solid rgba(201,255,54,.45);\n    border-radius: 0;\n    background: rgba(5,7,6,.42);\n    cursor: pointer;\n  }\n\n  .cmg2-menu-btn span {\n    display: block;\n    width: 100%;\n    height: 1px;\n    background: var(--c2-lime);\n    transition: transform .2s;\n  }\n\n  .cmg2-menu-btn[aria-expanded=\"true\"] span:first-child {\n    transform: translateY(3.5px) rotate(45deg);\n  }\n\n  .cmg2-menu-btn[aria-expanded=\"true\"] span:last-child {\n    transform: translateY(-3.5px) rotate(-45deg);\n  }\n\n  .cmg2-nav {\n    position: absolute;\n    top: calc(100% + 1px);\n    left: 0;\n    right: 0;\n    display: none;\n    align-items: stretch;\n    gap: 0;\n    padding: 12px 18px 20px;\n    border-bottom: 1px solid rgba(201,255,54,.3);\n    background: rgba(5,7,6,.97);\n    backdrop-filter: blur(15px);\n    -webkit-backdrop-filter: blur(15px);\n  }\n\n  .cmg2-nav.cmg2-nav-open {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .cmg2-nav > a {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 15px 4px;\n    border-bottom: 1px solid rgba(255,255,255,.09);\n    font-size: 11px;\n  }\n\n  .cmg2-nav .cmg2-nav-cta {\n    margin-top: 13px;\n    padding: 14px;\n    border: 1px solid rgba(201,255,54,.45);\n  }\n\n  \/* Hero *\/\n  .cmg2-hero {\n    min-height: 770px;\n    min-height: max(730px, 100svh);\n    padding-top: 76px;\n  }\n\n  .cmg2-hero-photo img {\n    object-position: 57% center;\n  }\n\n  .cmg2-hero-vignette {\n    background:\n      linear-gradient(90deg, rgba(4,8,5,.88), rgba(4,8,5,.48)),\n      linear-gradient(0deg, var(--c2-bg), transparent 40%, rgba(4,8,5,.3));\n  }\n\n  .cmg2-hero-grid {\n    opacity: .09;\n    background-size: 43px 43px;\n  }\n\n  .cmg2-hero-inner {\n    min-height: initial;\n    align-items: flex-end;\n    padding-top: 66px;\n    padding-bottom: 33px;\n  }\n\n  .cmg2-hero-copy {\n    width: 100%;\n    padding: 24px 0 0;\n  }\n\n  .cmg2-kicker {\n    margin-bottom: 25px;\n    gap: 9px;\n    font-size: 8px;\n  }\n\n  .cmg2-hero h1 {\n    font-size: clamp(48px, 12.2vw, 77px);\n    line-height: .95;\n  }\n\n  .cmg2-hero h1 > span {\n    margin-top: 8px;\n    font-size: .75em;\n  }\n\n  .cmg2-hero-description {\n    max-width: 500px;\n    font-size: 13px;\n    line-height: 1.8;\n  }\n\n  .cmg2-hero-actions {\n    align-items: stretch;\n    gap: 10px;\n  }\n\n  .cmg2-hero-actions .cmg2-button {\n    justify-content: space-between;\n    flex: 1 1 100%;\n  }\n\n  .cmg2-hero-bottom {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 15px;\n    margin-top: 35px;\n    padding-top: 15px;\n  }\n\n  .cmg2-hero-locations {\n    gap: 8px;\n    font-size: 8px;\n  }\n\n  .cmg2-scroll-label {\n    font-size: 8px;\n  }\n\n  .cmg2-hero-orbit {\n    top: 118px;\n    right: 25px;\n    width: 95px;\n    opacity: .85;\n    transform: none;\n  }\n\n  .cmg2-orbit-label,\n  .cmg2-hero-index {\n    display: none;\n  }\n\n  .cmg2-orbit-core span {\n    font-size: 24px;\n  }\n\n  .cmg2-ticker {\n    padding: 15px 0;\n  }\n\n  .cmg2-ticker-track {\n    gap: 18px;\n    animation-duration: 45s;\n  }\n\n  .cmg2-ticker-track span {\n    font-size: 9px;\n  }\n\n  \/* Manifiesto *\/\n  .cmg2-manifesto-grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .cmg2-manifesto-label {\n    min-height: 0;\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .cmg2-crosshair {\n    width: 29px;\n    height: 29px;\n  }\n\n  .cmg2-manifesto-content h2 {\n    font-size: clamp(36px, 9vw, 54px);\n    line-height: 1.04;\n  }\n\n  .cmg2-manifesto-content p {\n    font-size: 13px;\n  }\n\n  .cmg2-manifesto-content .cmg2-inline-link {\n    align-items: flex-start;\n  }\n\n  \/* Encabezados *\/\n  .cmg2-heading-row {\n    display: block;\n    margin-bottom: 31px;\n  }\n\n  .cmg2-heading-row h2 {\n    margin-top: 18px;\n    font-size: clamp(42px, 10.5vw, 65px);\n  }\n\n  .cmg2-heading-row > p {\n    margin: 18px 0 0;\n    font-size: 13px;\n  }\n\n  \/* Territorios *\/\n  .cmg2-territory-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 13px;\n  }\n\n  .cmg2-territory,\n  .cmg2-territory-pacific,\n  .cmg2-territory-mountain,\n  .cmg2-territory-cali {\n    min-height: 490px;\n  }\n\n  .cmg2-territory-pacific {\n    min-height: 550px;\n  }\n\n  .cmg2-territory-meta {\n    padding: 14px;\n  }\n\n  .cmg2-territory-meta > span:first-child,\n  .cmg2-territory-chip {\n    font-size: 7px;\n  }\n\n  .cmg2-territory-content {\n    padding: 20px;\n  }\n\n  .cmg2-territory-content h3 {\n    font-size: clamp(34px, 9vw, 48px);\n  }\n\n  .cmg2-territory-content p {\n    font-size: 12px;\n  }\n\n  .cmg2-card-tags {\n    max-width: calc(100% - 40px);\n    gap: 5px;\n  }\n\n  .cmg2-card-tags span {\n    padding: 5px 6px;\n    font-size: 7px;\n  }\n\n  .cmg2-circle-link {\n    right: 17px;\n    bottom: 22px;\n    width: 39px;\n    height: 39px;\n  }\n\n  .cmg2-image-disclaimer {\n    font-size: 8px;\n  }\n\n  \/* Experiencias *\/\n  .cmg2-experience-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cmg2-experience-card {\n    min-height: 300px;\n    padding: 23px;\n    border-right: 1px solid var(--c2-line);\n    border-bottom: 1px solid var(--c2-line);\n    border-left: 1px solid var(--c2-line);\n  }\n\n  .cmg2-experience-icon {\n    margin: 24px 0;\n  }\n\n  .cmg2-experience-card h3 {\n    font-size: 29px;\n  }\n\n  \/* NYPA *\/\n  .cmg2-nypa-layout {\n    grid-template-columns: 1fr;\n    gap: 43px;\n  }\n\n  .cmg2-nypa-word {\n    margin: 27px 0 20px;\n    font-size: clamp(98px, 26vw, 145px);\n  }\n\n  .cmg2-nypa-main h2 {\n    font-size: clamp(40px, 10vw, 58px);\n  }\n\n  .cmg2-nypa-main > p {\n    font-size: 13px;\n  }\n\n  .cmg2-nypa-main .cmg2-button {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  .cmg2-benefit {\n    grid-template-columns: 27px minmax(0, 1fr) 20px;\n    gap: 12px;\n    padding: 21px 0;\n  }\n\n  .cmg2-benefit h3 {\n    font-size: 15px;\n  }\n\n  .cmg2-benefit p {\n    font-size: 12px;\n  }\n\n  \/* Universo *\/\n  .cmg2-universe-grid {\n    grid-template-columns: 1fr;\n    gap: 13px;\n  }\n\n  .cmg2-universe-feature {\n    min-height: 490px;\n    grid-row: auto;\n  }\n\n  .cmg2-universe-content {\n    padding: 25px;\n  }\n\n  .cmg2-universe-content h3 {\n    font-size: 47px;\n  }\n\n  .cmg2-universe-card-art {\n    height: 230px;\n  }\n\n  .cmg2-universe-card-body {\n    padding: 23px;\n  }\n\n  .cmg2-universe-card-body h3 {\n    font-size: 26px;\n  }\n\n  \/* Checkout *\/\n  .cmg2-checkout {\n    padding: 52px 0;\n  }\n\n  .cmg2-checkout-inner {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .cmg2-checkout-mark {\n    margin: 0 0 9px 10px;\n  }\n\n  .cmg2-checkout-copy h2 {\n    font-size: clamp(31px, 8vw, 43px);\n  }\n\n  .cmg2-checkout-action {\n    grid-column: auto;\n  }\n\n  .cmg2-checkout-action .cmg2-button {\n    width: 100%;\n  }\n\n  \/* FAQ *\/\n  .cmg2-faq-grid {\n    grid-template-columns: 1fr;\n    gap: 29px;\n  }\n\n  .cmg2-faq-grid > div:first-child h2 {\n    font-size: clamp(39px, 10vw, 54px);\n  }\n\n  .cmg2-faq-list summary {\n    gap: 13px;\n    font-size: 12px;\n  }\n\n  .cmg2-faq-list details > p {\n    padding-right: 10px;\n    font-size: 12px;\n  }\n\n  \/* CTA *\/\n  .cmg2-join {\n    min-height: 650px;\n  }\n\n  .cmg2-join-content {\n    padding-top: 80px;\n    padding-bottom: 100px;\n  }\n\n  .cmg2-join-content h2 {\n    font-size: clamp(49px, 12vw, 76px);\n  }\n\n  .cmg2-join-content > p {\n    font-size: 13px;\n  }\n\n  .cmg2-join-content .cmg2-hero-actions {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .cmg2-join-stamp {\n    right: 23px;\n    bottom: 16px;\n    width: 82px;\n    height: 82px;\n    font-size: 8px;\n  }\n\n  \/* Footer *\/\n  .cmg2-footer-main {\n    grid-template-columns: 1fr;\n    gap: 15px;\n    padding-top: 31px;\n  }\n\n  .cmg2-footer-main > p,\n  .cmg2-footer-links {\n    grid-column: auto;\n    grid-row: auto;\n  }\n\n  .cmg2-footer-links {\n    justify-content: flex-start;\n    gap: 15px 19px;\n    padding-top: 9px;\n  }\n\n  .cmg2-footer-links a {\n    font-size: 9px;\n  }\n\n  .cmg2-footer-bottom {\n    flex-direction: column;\n    align-items: flex-start;\n    font-size: 8px;\n  }\n}\n\n\/* =====================================================\n   ACCESIBILIDAD Y RENDIMIENTO\n===================================================== *\/\n\n@media (hover: none) {\n  .cmg2-territory:hover,\n  .cmg2-experience-card:hover,\n  .cmg2-universe-card:hover {\n    transform: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cmg2 *,\n  .cmg2 *::before,\n  .cmg2 *::after {\n    scroll-behavior: auto !important;\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n  }\n\n  .cmg2.cmg2-js [data-cmg2-reveal] {\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');\n\n\/* =====================================================\n   CASA MANGLE \u2014 BLACK \/ NEON \/ ADVENTURE\n   CSS encapsulado para WordPress\n===================================================== *\/\n\n.cmg2 {\n  --c2-bg: #050706;\n  --c2-panel: #0b100e;\n  --c2-panel-2: #101714;\n  --c2-white: #f3f5ee;\n  --c2-muted: #a2aca5;\n  --c2-dim: #68756d;\n  --c2-line: rgba(230, 255, 238, .14);\n  --c2-lime: #c9ff36;\n  --c2-green: #9ce87a;\n  --c2-cyan: #5de8d1;\n  --c2-orange: #ffb17a;\n  --c2-mono: \"DM Mono\", monospace;\n  --c2-font: \"Space Grotesk\", \"Arial\", sans-serif;\n\n  position: relative;\n  left: 50%;\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: -50vw;\n  overflow: hidden;\n  background: var(--c2-bg);\n  color: var(--c2-white);\n  font-family: var(--c2-font);\n  font-size: 16px;\n  line-height: 1.6;\n  isolation: isolate;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  scroll-behavior: smooth;\n  color-scheme: dark;\n}\n\n.cmg2 *,\n.cmg2 *::before,\n.cmg2 *::after {\n  box-sizing: border-box;\n}\n\n.cmg2 img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.cmg2 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.cmg2 button {\n  font: inherit;\n}\n\n.cmg2 a:focus-visible,\n.cmg2 button:focus-visible,\n.cmg2 summary:focus-visible {\n  outline: 2px solid var(--c2-lime);\n  outline-offset: 5px;\n}\n\n.cmg2 h1,\n.cmg2 h2,\n.cmg2 h3,\n.cmg2 p {\n  margin-top: 0;\n}\n\n.cmg2 h1,\n.cmg2 h2,\n.cmg2 h3 {\n  color: var(--c2-white);\n  font-family: var(--c2-font);\n  font-weight: 600;\n  letter-spacing: -.065em;\n  line-height: 1.02;\n}\n\n.cmg2 h1 em,\n.cmg2 h2 em,\n.cmg2 h3 em {\n  font-style: normal;\n}\n\n.cmg2 p {\n  overflow-wrap: break-word;\n}\n\n.cmg2-container {\n  width: min(1240px, calc(100% - 64px));\n  margin-inline: auto;\n}\n\n.cmg2-section {\n  position: relative;\n  padding: 120px 0;\n}\n\n.cmg2-section-code {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  line-height: 1.6;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.cmg2-section-code::before {\n  content: \"\";\n  display: inline-block;\n  width: 20px;\n  height: 1px;\n  background: var(--c2-lime);\n}\n\n.cmg2-inline-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 15px;\n  color: var(--c2-lime) !important;\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  letter-spacing: .07em;\n  line-height: 1.6;\n}\n\n.cmg2-inline-link span {\n  font-size: 18px;\n  transition: transform .25s ease;\n}\n\n.cmg2-inline-link:hover span {\n  transform: translate(4px, -3px);\n}\n\n.cmg2-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 25px;\n  min-height: 54px;\n  padding: 15px 21px;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: .06em;\n  transition: background .25s, color .25s, border-color .25s, transform .25s;\n  cursor: pointer;\n}\n\n.cmg2-button > span {\n  font-size: 17px;\n  line-height: 1;\n  transition: transform .25s;\n}\n\n.cmg2-button:hover {\n  transform: translateY(-3px);\n}\n\n.cmg2-button:hover > span {\n  transform: translate(3px, -2px);\n}\n\n.cmg2-button-lime {\n  background: var(--c2-lime);\n  border-color: var(--c2-lime);\n  color: #080b05 !important;\n}\n\n.cmg2-button-lime:hover {\n  background: #e0ff8c;\n  border-color: #e0ff8c;\n  color: #080b05 !important;\n}\n\n.cmg2-button-ghost {\n  border-color: rgba(243, 245, 238, .36);\n  color: var(--c2-white) !important;\n  background: rgba(5, 7, 6, .18);\n}\n\n.cmg2-button-ghost:hover {\n  border-color: var(--c2-lime);\n  background: rgba(201, 255, 54, .06);\n  color: var(--c2-lime) !important;\n}\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.cmg2-header {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 50;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n  width: 100%;\n  min-height: 90px;\n  padding: 20px max(32px, calc((100vw - 1240px) \/ 2));\n  border-bottom: 1px solid rgba(255, 255, 255, .14);\n  background: linear-gradient(180deg, rgba(5, 7, 6, .8), rgba(5, 7, 6, .16));\n  backdrop-filter: blur(9px);\n  -webkit-backdrop-filter: blur(9px);\n}\n\n.cmg2-logo {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: 12px;\n  min-width: max-content;\n}\n\n.cmg2-logo-mark {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(201, 255, 54, .8);\n  color: var(--c2-lime);\n  font-family: var(--c2-font);\n  font-size: 23px;\n  font-weight: 700;\n  letter-spacing: -.09em;\n  transform: rotate(-4deg);\n}\n\n.cmg2-logo-mark > span {\n  color: var(--c2-cyan);\n}\n\n.cmg2-logo-text {\n  display: grid;\n  gap: 1px;\n  font-family: var(--c2-font);\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: .13em;\n  line-height: 1.2;\n  color: var(--c2-white);\n}\n\n.cmg2-logo-text b {\n  font-weight: 700;\n}\n\n.cmg2-logo-text small {\n  display: block;\n  margin-top: 4px;\n  color: #9aa59b;\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .06em;\n}\n\n.cmg2-nav {\n  display: flex;\n  align-items: center;\n  gap: clamp(17px, 2.1vw, 32px);\n}\n\n.cmg2-nav > a {\n  color: rgba(243, 245, 238, .83) !important;\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  letter-spacing: .02em;\n  transition: color .2s;\n}\n\n.cmg2-nav > a:hover {\n  color: var(--c2-lime) !important;\n}\n\n.cmg2-nav .cmg2-nav-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 18px;\n  padding: 12px 15px;\n  border: 1px solid rgba(201, 255, 54, .6);\n  color: var(--c2-lime) !important;\n}\n\n.cmg2-nav-cta span {\n  font-size: 16px;\n}\n\n.cmg2-menu-btn {\n  display: none;\n}\n\n\/* =====================================================\n   HERO \u2014 CINEMATIC \/ PARALLAX \/ GRID\n===================================================== *\/\n\n.cmg2-hero {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 850px;\n  min-height: max(740px, 100svh);\n  padding-top: 90px;\n  overflow: hidden;\n  isolation: isolate;\n  background: #07100b;\n}\n\n.cmg2-hero-photo,\n.cmg2-hero-grid,\n.cmg2-hero-vignette,\n.cmg2-hero-glow {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n}\n\n.cmg2-hero-photo img {\n  opacity: .85;\n  object-position: center 55%;\n  transform: scale(1.05);\n  animation: cmg2-hero-drift 19s ease-in-out infinite alternate;\n}\n\n.cmg2-hero-grid {\n  z-index: 0;\n  opacity: .14;\n  background-image:\n    linear-gradient(rgba(201,255,54,.16) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(201,255,54,.16) 1px, transparent 1px);\n  background-size: 70px 70px;\n  -webkit-mask-image: linear-gradient(90deg, #000, transparent 85%);\n  mask-image: linear-gradient(90deg, #000, transparent 85%);\n}\n\n.cmg2-hero-vignette {\n  background:\n    linear-gradient(90deg, rgba(4, 8, 5, .95) 0%, rgba(4, 8, 5, .76) 38%, rgba(4, 8, 5, .32) 75%, rgba(4, 8, 5, .14) 100%),\n    linear-gradient(0deg, var(--c2-bg), transparent 28%, rgba(4, 8, 5, .16) 83%, rgba(4,8,5,.6));\n}\n\n.cmg2-hero-glow {\n  z-index: 1;\n  background: radial-gradient(\n    430px circle at var(--cmg2-mouse-x, 72%) var(--cmg2-mouse-y, 38%),\n    rgba(93, 232, 209, .12),\n    transparent 75%\n  );\n  transition: background .12s;\n}\n\n.cmg2-hero-inner {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  min-height: 700px;\n}\n\n.cmg2-hero-copy {\n  width: min(760px, 72%);\n  padding-top: 65px;\n  padding-bottom: 50px;\n}\n\n.cmg2-kicker {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 35px;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .095em;\n  line-height: 1.8;\n}\n\n.cmg2-live-dot {\n  position: relative;\n  width: 7px;\n  height: 7px;\n  flex: 0 0 7px;\n  border-radius: 50%;\n  background: var(--c2-lime);\n  box-shadow: 0 0 15px rgba(201, 255, 54, .7);\n}\n\n.cmg2-live-dot::after {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  border: 1px solid rgba(201, 255, 54, .6);\n  border-radius: 50%;\n  animation: cmg2-pulse 2.2s ease-out infinite;\n}\n\n.cmg2-hero h1 {\n  max-width: 840px;\n  margin-bottom: 30px;\n  color: #fff;\n  font-size: clamp(55px, 8.4vw, 112px);\n  font-weight: 700;\n  line-height: .91;\n  letter-spacing: -.085em;\n}\n\n.cmg2-hero h1 > span {\n  display: block;\n  margin-top: 9px;\n  font-size: .77em;\n  letter-spacing: -.07em;\n}\n\n.cmg2-hero h1 > em {\n  display: block;\n  margin-top: 8px;\n  color: var(--c2-lime);\n  font-style: normal;\n  text-shadow: 0 0 45px rgba(201,255,54,.08);\n}\n\n.cmg2-hero-description {\n  max-width: 580px;\n  margin-bottom: 30px;\n  color: rgba(243, 245, 238, .78);\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n.cmg2-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n}\n\n.cmg2-hero-bottom {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n  margin-top: 76px;\n  padding-top: 21px;\n  border-top: 1px solid rgba(255,255,255,.2);\n}\n\n.cmg2-hero-locations {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 13px;\n  color: rgba(243,245,238,.8);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .05em;\n}\n\n.cmg2-hero-locations i {\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: var(--c2-lime);\n}\n\n.cmg2-scroll-label {\n  color: rgba(243,245,238,.59);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .06em;\n}\n\n.cmg2-scroll-label b {\n  margin-left: 9px;\n  color: var(--c2-lime);\n  font-size: 15px;\n}\n\n.cmg2-hero-index {\n  position: absolute;\n  right: 26px;\n  bottom: 28%;\n  z-index: 3;\n  color: rgba(255,255,255,.46);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .2em;\n  writing-mode: vertical-rl;\n}\n\n\/* ORBITA *\/\n\n.cmg2-hero-orbit {\n  position: absolute;\n  right: 4%;\n  top: 48%;\n  width: clamp(190px, 23vw, 315px);\n  aspect-ratio: 1;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n.cmg2-orbit-ring {\n  position: absolute;\n  inset: 0;\n  border: 1px solid rgba(201,255,54,.4);\n  border-radius: 50%;\n  box-shadow: inset 0 0 30px rgba(93,232,209,.035);\n}\n\n.cmg2-orbit-ring-one {\n  animation: cmg2-orbit 32s linear infinite;\n}\n\n.cmg2-orbit-ring-one::before,\n.cmg2-orbit-ring-two::before {\n  content: \"\";\n  position: absolute;\n  left: 19%;\n  top: -3px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--c2-lime);\n  box-shadow: 0 0 19px var(--c2-lime);\n}\n\n.cmg2-orbit-ring-two {\n  inset: 12%;\n  border-color: rgba(93,232,209,.4);\n  transform: rotateX(60deg) rotateZ(-27deg);\n  animation: cmg2-orbit 26s linear infinite reverse;\n}\n\n.cmg2-orbit-ring-two::before {\n  left: auto;\n  right: 12%;\n  background: var(--c2-cyan);\n  box-shadow: 0 0 19px var(--c2-cyan);\n}\n\n.cmg2-orbit-core {\n  position: absolute;\n  inset: 30%;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(201,255,54,.65);\n  border-radius: 50%;\n  background: radial-gradient(circle at 40% 35%, rgba(201,255,54,.18), rgba(5,7,6,.5) 70%);\n  box-shadow: 0 0 70px rgba(201,255,54,.12), inset 0 0 25px rgba(201,255,54,.07);\n}\n\n.cmg2-orbit-core span {\n  color: var(--c2-lime);\n  font-size: clamp(36px, 5vw, 65px);\n  font-weight: 700;\n  letter-spacing: -.12em;\n}\n\n.cmg2-orbit-label {\n  position: absolute;\n  right: -16%;\n  bottom: 5%;\n  color: rgba(243,245,238,.65);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .12em;\n  line-height: 1.8;\n  transform: rotate(-90deg);\n}\n\n\/* =====================================================\n   TICKER\n===================================================== *\/\n\n.cmg2-ticker {\n  position: relative;\n  z-index: 2;\n  overflow: hidden;\n  padding: 19px 0;\n  border-top: 1px solid rgba(201,255,54,.3);\n  border-bottom: 1px solid rgba(201,255,54,.3);\n  background: var(--c2-lime);\n  color: #0a0c06;\n}\n\n.cmg2-ticker-track {\n  display: flex;\n  align-items: center;\n  width: max-content;\n  gap: 30px;\n  animation: cmg2-ticker-run 35s linear infinite;\n}\n\n.cmg2-ticker-track span {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .09em;\n  white-space: nowrap;\n}\n\n.cmg2-ticker-track i {\n  font-style: normal;\n  font-size: 18px;\n  color: #43600a;\n}\n\n\/* =====================================================\n   MANIFIESTO\n===================================================== *\/\n\n.cmg2-manifesto {\n  position: relative;\n  background:\n    radial-gradient(ellipse at 100% 15%, rgba(93,232,209,.05), transparent 37%),\n    var(--c2-bg);\n}\n\n.cmg2-manifesto-grid {\n  display: grid;\n  grid-template-columns: 140px minmax(0, 1fr) 200px;\n  align-items: start;\n  gap: clamp(30px, 4.5vw, 74px);\n}\n\n.cmg2-manifesto-label {\n  display: flex;\n  min-height: 340px;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.cmg2-crosshair {\n  display: grid;\n  place-items: center;\n  width: 35px;\n  height: 35px;\n  border: 1px solid var(--c2-line);\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 20px;\n}\n\n.cmg2-manifesto-content h2 {\n  max-width: 850px;\n  margin-bottom: 32px;\n  font-size: clamp(37px, 5.3vw, 69px);\n  line-height: 1.05;\n}\n\n.cmg2-manifesto-content h2 em {\n  display: block;\n  margin-top: 10px;\n  color: var(--c2-lime);\n}\n\n.cmg2-manifesto-content p {\n  max-width: 760px;\n  margin-bottom: 19px;\n  color: var(--c2-muted);\n  font-size: 15px;\n  line-height: 1.95;\n}\n\n.cmg2-manifesto-content .cmg2-inline-link {\n  margin-top: 16px;\n}\n\n.cmg2-manifesto-visual {\n  position: relative;\n  align-self: stretch;\n  min-height: 270px;\n  display: grid;\n  place-items: center;\n}\n\n.cmg2-manifesto-circle {\n  position: absolute;\n  width: 175px;\n  aspect-ratio: 1;\n  border: 1px solid rgba(201,255,54,.44);\n  border-radius: 50%;\n  box-shadow: 0 0 55px rgba(201,255,54,.06), inset 0 0 40px rgba(201,255,54,.04);\n  animation: cmg2-orbit 36s linear infinite;\n}\n\n.cmg2-manifesto-circle::after {\n  content: \"\";\n  position: absolute;\n  inset: 18px;\n  border: 1px dashed rgba(93,232,209,.34);\n  border-radius: 50%;\n}\n\n.cmg2-manifesto-symbol {\n  position: relative;\n  z-index: 1;\n  color: var(--c2-lime);\n  font-size: 55px;\n  font-weight: 700;\n  letter-spacing: -.12em;\n}\n\n.cmg2-manifesto-symbol span {\n  color: var(--c2-cyan);\n}\n\n.cmg2-manifesto-coordinates {\n  position: absolute;\n  bottom: 0;\n  color: var(--c2-dim);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .06em;\n  text-align: center;\n  white-space: nowrap;\n}\n\n\/* =====================================================\n   HEADING DE SECCIONES\n===================================================== *\/\n\n.cmg2-heading-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  gap: 44px;\n  margin-bottom: 50px;\n}\n\n.cmg2-heading-row h2 {\n  margin: 20px 0 0;\n  font-size: clamp(43px, 6.2vw, 76px);\n  line-height: .99;\n}\n\n.cmg2-heading-row h2 em {\n  color: var(--c2-lime);\n}\n\n.cmg2-heading-row > p {\n  max-width: 365px;\n  margin-bottom: 6px;\n  color: var(--c2-muted);\n  font-size: 14px;\n  line-height: 1.85;\n}\n\n\/* =====================================================\n   TERRITORIOS \u2014 TARJETAS CINEMATOGR\u00c1FICAS\n===================================================== *\/\n\n.cmg2-territories {\n  background:\n    radial-gradient(ellipse at 0 45%, rgba(93,232,209,.04), transparent 33%),\n    #080c0a;\n  border-top: 1px solid rgba(255,255,255,.06);\n}\n\n.cmg2-territory-grid {\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  grid-template-rows: repeat(2, minmax(275px, 1fr));\n  gap: 16px;\n}\n\n.cmg2-territory {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  min-width: 0;\n  min-height: 310px;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,.13);\n  background: #0c1510;\n  isolation: isolate;\n  transition: border-color .3s, transform .4s;\n}\n\n.cmg2-territory::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  border: 1px solid transparent;\n  pointer-events: none;\n}\n\n.cmg2-territory-pacific {\n  grid-column: span 7;\n  grid-row: span 2;\n  min-height: 620px;\n}\n\n.cmg2-territory-mountain,\n.cmg2-territory-cali {\n  grid-column: span 5;\n}\n\n.cmg2-territory > img {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  transition: transform .9s cubic-bezier(.2,.7,.2,1), filter .6s;\n  filter: saturate(.75) brightness(.82);\n}\n\n.cmg2-territory:hover > img {\n  transform: scale(1.055);\n  filter: saturate(1.05) brightness(.94);\n}\n\n.cmg2-territory-vignette {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  background:\n    linear-gradient(180deg, rgba(3,7,5,.55), transparent 25%, rgba(3,7,5,.3) 45%, rgba(3,7,5,.95) 100%),\n    linear-gradient(90deg, rgba(3,7,5,.22), transparent 70%);\n}\n\n.cmg2-territory:hover {\n  border-color: rgba(201,255,54,.55);\n  transform: translateY(-3px);\n}\n\n.cmg2-territory-meta {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding: 20px;\n}\n\n.cmg2-territory-meta > span:first-child,\n.cmg2-territory-number,\n.cmg2-territory-chip {\n  color: rgba(255,255,255,.81);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .08em;\n}\n\n.cmg2-territory-chip {\n  padding: 7px 9px;\n  border: 1px solid rgba(255,255,255,.33);\n  background: rgba(5,7,6,.25);\n  backdrop-filter: blur(5px);\n}\n\n.cmg2-territory-content {\n  position: relative;\n  padding: 30px;\n}\n\n.cmg2-territory-number {\n  display: block;\n  margin-bottom: 13px;\n  color: var(--c2-lime);\n}\n\n.cmg2-territory-content h3 {\n  margin-bottom: 20px;\n  font-size: clamp(33px, 4.1vw, 55px);\n  line-height: .99;\n}\n\n.cmg2-territory-content h3 em {\n  color: var(--c2-lime);\n  font-style: normal;\n}\n\n.cmg2-territory-content p {\n  max-width: 460px;\n  margin-bottom: 20px;\n  color: rgba(243,245,238,.76);\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n.cmg2-card-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  max-width: calc(100% - 62px);\n}\n\n.cmg2-card-tags span {\n  padding: 6px 8px;\n  border: 1px solid rgba(255,255,255,.2);\n  color: rgba(255,255,255,.76);\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .025em;\n}\n\n.cmg2-circle-link {\n  position: absolute;\n  right: 25px;\n  bottom: 26px;\n  display: grid;\n  place-items: center;\n  width: 47px;\n  height: 47px;\n  border: 1px solid var(--c2-lime);\n  border-radius: 50%;\n  background: rgba(5,7,6,.16);\n  color: var(--c2-lime) !important;\n  font-size: 22px;\n  transition: background .25s, color .25s, transform .25s;\n}\n\n.cmg2-circle-link:hover {\n  background: var(--c2-lime);\n  color: #050706 !important;\n  transform: rotate(45deg);\n}\n\n.cmg2-image-disclaimer {\n  margin: 16px 0 0;\n  color: var(--c2-dim);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  line-height: 1.6;\n}\n\n\/* =====================================================\n   EXPERIENCIAS\n===================================================== *\/\n\n.cmg2-experiences {\n  background: var(--c2-bg);\n}\n\n.cmg2-experience-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  border-top: 1px solid var(--c2-line);\n  border-bottom: 1px solid var(--c2-line);\n}\n\n.cmg2-experience-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 365px;\n  padding: 28px;\n  border-right: 1px solid var(--c2-line);\n  background: transparent;\n  transition: background .3s;\n}\n\n.cmg2-experience-card:first-child {\n  border-left: 1px solid var(--c2-line);\n}\n\n.cmg2-experience-card:hover {\n  background: linear-gradient(150deg, rgba(201,255,54,.075), rgba(93,232,209,.015));\n}\n\n.cmg2-experience-number {\n  color: var(--c2-dim);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .1em;\n}\n\n.cmg2-experience-icon {\n  display: grid;\n  place-items: center;\n  width: 52px;\n  height: 52px;\n  margin: 36px 0 29px;\n  border: 1px solid rgba(201,255,54,.42);\n  color: var(--c2-lime);\n  font-size: 27px;\n  transition: background .25s, transform .25s;\n}\n\n.cmg2-experience-card:hover .cmg2-experience-icon {\n  background: rgba(201,255,54,.09);\n  transform: rotate(-7deg);\n}\n\n.cmg2-experience-type {\n  color: var(--c2-cyan);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .06em;\n}\n\n.cmg2-experience-card h3 {\n  margin: 13px 0 14px;\n  font-size: 29px;\n  line-height: 1.08;\n}\n\n.cmg2-experience-card > p {\n  color: var(--c2-muted);\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n.cmg2-experience-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n  margin-top: auto;\n  padding-top: 25px;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .06em;\n}\n\n.cmg2-experience-footer b {\n  font-size: 19px;\n  font-weight: 400;\n  transition: transform .25s;\n}\n\n.cmg2-experience-card:hover .cmg2-experience-footer b {\n  transform: translate(4px, -3px);\n}\n\n\/* =====================================================\n   NYPA \u2014 COMUNIDAD\n===================================================== *\/\n\n.cmg2-nypa {\n  position: relative;\n  overflow: hidden;\n  background: #0a100b;\n  border-top: 1px solid rgba(201,255,54,.23);\n  border-bottom: 1px solid rgba(201,255,54,.23);\n}\n\n.cmg2-nypa-bg {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at 15% 40%, rgba(201,255,54,.085), transparent 38%),\n    radial-gradient(ellipse at 88% 70%, rgba(93,232,209,.08), transparent 35%),\n    linear-gradient(135deg, #080b08, #0c1510 50%, #080c09);\n  pointer-events: none;\n}\n\n.cmg2-nypa-layout {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  align-items: center;\n  gap: clamp(50px, 9vw, 130px);\n}\n\n.cmg2-nypa-word {\n  margin: 34px 0 20px;\n  font-size: clamp(85px, 13vw, 160px);\n  font-weight: 700;\n  line-height: .8;\n  letter-spacing: -.11em;\n  color: var(--c2-white);\n  text-shadow: 0 0 60px rgba(201,255,54,.07);\n}\n\n.cmg2-nypa-word > span:first-child {\n  color: var(--c2-lime);\n}\n\n.cmg2-nypa-word .cmg2-nypa-period {\n  color: var(--c2-cyan);\n}\n\n.cmg2-nypa-main h2 {\n  margin-bottom: 24px;\n  font-size: clamp(40px, 5.1vw, 63px);\n}\n\n.cmg2-nypa-main h2 em {\n  color: var(--c2-lime);\n}\n\n.cmg2-nypa-main > p {\n  max-width: 480px;\n  margin-bottom: 28px;\n  color: var(--c2-muted);\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n.cmg2-nypa-benefits {\n  border-top: 1px solid rgba(255,255,255,.18);\n}\n\n.cmg2-benefit {\n  display: grid;\n  grid-template-columns: 36px minmax(0, 1fr) 25px;\n  gap: 15px;\n  align-items: start;\n  padding: 24px 0;\n  border-bottom: 1px solid rgba(255,255,255,.18);\n  transition: padding .25s;\n}\n\n.cmg2-benefit:hover {\n  padding-left: 7px;\n}\n\n.cmg2-benefit-index {\n  padding-top: 4px;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 10px;\n}\n\n.cmg2-benefit h3 {\n  margin-bottom: 7px;\n  font-size: 17px;\n  letter-spacing: -.03em;\n}\n\n.cmg2-benefit p {\n  margin: 0;\n  color: var(--c2-muted);\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n.cmg2-benefit-symbol {\n  color: var(--c2-cyan);\n  font-size: 19px;\n  text-align: right;\n}\n\n.cmg2-nypa-watermark {\n  position: absolute;\n  right: -20px;\n  bottom: -105px;\n  color: rgba(255,255,255,.018);\n  font-size: clamp(160px, 24vw, 340px);\n  font-weight: 700;\n  letter-spacing: -.1em;\n  line-height: 1;\n  pointer-events: none;\n}\n\n\/* =====================================================\n   UNIVERSO COMERCIAL\n===================================================== *\/\n\n.cmg2-universe {\n  background: #070a08;\n}\n\n.cmg2-universe-grid {\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: 17px;\n}\n\n.cmg2-universe-feature {\n  position: relative;\n  display: flex;\n  min-height: 600px;\n  flex-direction: column;\n  justify-content: flex-end;\n  overflow: hidden;\n  border: 1px solid var(--c2-line);\n  background: #111714;\n  isolation: isolate;\n}\n\n.cmg2-universe-feature > img {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  filter: saturate(.7) brightness(.76);\n  transition: transform .7s, filter .5s;\n}\n\n.cmg2-universe-feature:hover > img {\n  transform: scale(1.05);\n  filter: saturate(1) brightness(.86);\n}\n\n.cmg2-universe-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background: linear-gradient(0deg, rgba(3,6,4,.97), rgba(3,6,4,.35) 52%, rgba(3,6,4,.08));\n}\n\n.cmg2-universe-content {\n  padding: clamp(24px, 4vw, 48px);\n}\n\n.cmg2-universe-content > span,\n.cmg2-universe-card-body > span {\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .07em;\n}\n\n.cmg2-universe-content h3 {\n  margin: 18px 0;\n  font-size: clamp(43px, 5vw, 65px);\n  line-height: .98;\n}\n\n.cmg2-universe-content p {\n  max-width: 450px;\n  color: rgba(243,245,238,.73);\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n.cmg2-text-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 11px;\n  color: var(--c2-lime) !important;\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  letter-spacing: .08em;\n}\n\n.cmg2-universe-feature .cmg2-text-button:hover {\n  color: #fff !important;\n}\n\n.cmg2-universe-grid > .cmg2-universe-card {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  border: 1px solid var(--c2-line);\n  background: var(--c2-panel);\n}\n\n.cmg2-universe-card-art {\n  position: relative;\n  height: 220px;\n  overflow: hidden;\n  background: #121915;\n}\n\n.cmg2-universe-card-art img {\n  filter: saturate(.7) brightness(.78);\n  transition: transform .6s, filter .4s;\n}\n\n.cmg2-universe-card:hover .cmg2-universe-card-art img {\n  transform: scale(1.05);\n  filter: saturate(1) brightness(.92);\n}\n\n.cmg2-art-index {\n  position: absolute;\n  left: 17px;\n  bottom: 15px;\n  padding: 7px 9px;\n  border: 1px solid rgba(255,255,255,.28);\n  background: rgba(5,7,6,.4);\n  color: #fff;\n  font-family: var(--c2-mono);\n  font-size: 8px;\n  letter-spacing: .08em;\n}\n\n.cmg2-universe-card-body {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: 25px;\n}\n\n.cmg2-universe-card-body > span {\n  color: var(--c2-cyan);\n}\n\n.cmg2-universe-card-body h3 {\n  margin: 14px 0 12px;\n  font-size: clamp(23px, 2.3vw, 30px);\n  line-height: 1.08;\n}\n\n.cmg2-universe-card-body p {\n  margin-bottom: 19px;\n  color: var(--c2-muted);\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n.cmg2-universe-card-body .cmg2-inline-link {\n  margin-top: auto;\n  padding-top: 8px;\n}\n\n\/* =====================================================\n   CHECKOUT \/ COMPRAS\n===================================================== *\/\n\n.cmg2-checkout {\n  position: relative;\n  padding: 65px 0;\n  border-top: 1px solid rgba(201,255,54,.22);\n  border-bottom: 1px solid rgba(201,255,54,.22);\n  background:\n    radial-gradient(ellipse at 0 50%, rgba(201,255,54,.07), transparent 38%),\n    #0b100c;\n}\n\n.cmg2-checkout-inner {\n  display: grid;\n  grid-template-columns: 100px minmax(0, 1fr) minmax(190px, 290px);\n  gap: 35px;\n  align-items: center;\n}\n\n.cmg2-checkout-mark {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 84px;\n  height: 84px;\n  border: 1px solid rgba(201,255,54,.55);\n  color: var(--c2-lime);\n  font-size: 27px;\n  font-weight: 700;\n  letter-spacing: -.08em;\n}\n\n.cmg2-checkout-mark::before,\n.cmg2-checkout-mark::after {\n  content: \"\";\n  position: absolute;\n  inset: 7px;\n  border: 1px solid rgba(93,232,209,.22);\n}\n\n.cmg2-checkout-mark::after {\n  inset: -9px;\n  border-style: dashed;\n  border-color: rgba(201,255,54,.16);\n  border-radius: 50%;\n}\n\n.cmg2-checkout-mark i {\n  position: absolute;\n  right: -12px;\n  top: -12px;\n  display: grid;\n  place-items: center;\n  width: 29px;\n  height: 29px;\n  background: var(--c2-lime);\n  color: #050706;\n  font-size: 15px;\n  font-style: normal;\n}\n\n.cmg2-checkout-copy h2 {\n  margin: 16px 0 15px;\n  font-size: clamp(30px, 3.6vw, 46px);\n  line-height: 1.05;\n}\n\n.cmg2-checkout-copy h2 em {\n  color: var(--c2-lime);\n}\n\n.cmg2-checkout-copy p {\n  max-width: 620px;\n  margin-bottom: 0;\n  color: var(--c2-muted);\n  font-size: 12px;\n  line-height: 1.85;\n}\n\n.cmg2-checkout-action {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 13px;\n}\n\n.cmg2-checkout-action .cmg2-button {\n  width: 100%;\n}\n\n.cmg2-checkout-action small {\n  color: var(--c2-dim);\n  font-size: 10px;\n  line-height: 1.75;\n}\n\n\/* =====================================================\n   FAQ\n===================================================== *\/\n\n.cmg2-faq {\n  background: var(--c2-bg);\n}\n\n.cmg2-faq-grid {\n  display: grid;\n  grid-template-columns: .75fr 1.25fr;\n  gap: clamp(45px, 9vw, 140px);\n}\n\n.cmg2-faq-grid > div:first-child h2 {\n  margin: 24px 0 18px;\n  font-size: clamp(37px, 4.5vw, 57px);\n  line-height: 1.02;\n}\n\n.cmg2-faq-grid > div:first-child h2 em {\n  display: inline-block;\n  margin-top: 8px;\n  color: var(--c2-lime);\n}\n\n.cmg2-faq-grid > div:first-child > p {\n  max-width: 360px;\n  color: var(--c2-muted);\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n.cmg2-faq-list {\n  border-top: 1px solid var(--c2-line);\n}\n\n.cmg2-faq-list details {\n  border-bottom: 1px solid var(--c2-line);\n}\n\n.cmg2-faq-list summary {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n  min-height: 68px;\n  padding: 19px 0;\n  list-style: none;\n  color: var(--c2-white);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.cmg2-faq-list summary::-webkit-details-marker {\n  display: none;\n}\n\n.cmg2-faq-list summary > span {\n  display: grid;\n  flex: 0 0 28px;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border: 1px solid rgba(201,255,54,.3);\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 18px;\n  font-weight: 400;\n  transition: background .2s, transform .2s;\n}\n\n.cmg2-faq-list details[open] summary > span {\n  background: var(--c2-lime);\n  color: #050706;\n  transform: rotate(45deg);\n}\n\n.cmg2-faq-list details > p {\n  max-width: 650px;\n  padding: 0 40px 24px 0;\n  margin: 0;\n  color: var(--c2-muted);\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n\/* =====================================================\n   LLAMADO FINAL\n===================================================== *\/\n\n.cmg2-join {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 610px;\n  overflow: hidden;\n  isolation: isolate;\n  border-top: 1px solid rgba(201,255,54,.3);\n  background: #061008;\n}\n\n.cmg2-join-image,\n.cmg2-join-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  pointer-events: none;\n}\n\n.cmg2-join-image {\n  background-image: url(\"https:\/\/images.unsplash.com\/photo-1511497584788-876760111969?auto=format&fit=crop&w=2000&q=85\");\n  background-size: cover;\n  background-position: center;\n  opacity: .48;\n}\n\n.cmg2-join::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n  background:\n    linear-gradient(90deg, rgba(3,8,4,.95), rgba(3,8,4,.69) 58%, rgba(3,8,4,.15)),\n    linear-gradient(0deg, rgba(3,8,4,.65), transparent 75%);\n}\n\n.cmg2-join-grid {\n  z-index: 0;\n  opacity: .13;\n  background-image:\n    linear-gradient(rgba(201,255,54,.25) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(201,255,54,.25) 1px, transparent 1px);\n  background-size: 80px 80px;\n  -webkit-mask-image: linear-gradient(90deg, #000, transparent 85%);\n  mask-image: linear-gradient(90deg, #000, transparent 85%);\n}\n\n.cmg2-join-content {\n  position: relative;\n  z-index: 2;\n  padding-top: 110px;\n  padding-bottom: 110px;\n}\n\n.cmg2-join-content h2 {\n  margin: 27px 0 23px;\n  font-size: clamp(53px, 8.3vw, 101px);\n  line-height: .92;\n}\n\n.cmg2-join-content h2 em {\n  color: var(--c2-lime);\n}\n\n.cmg2-join-content > p {\n  max-width: 500px;\n  color: rgba(243,245,238,.75);\n  font-size: 14px;\n  line-height: 1.9;\n  margin-bottom: 28px;\n}\n\n.cmg2-join-stamp {\n  position: absolute;\n  right: max(35px, calc((100vw - 1240px)\/2));\n  bottom: 70px;\n  z-index: 2;\n  display: grid;\n  place-items: center;\n  width: 125px;\n  height: 125px;\n  border: 1px solid rgba(201,255,54,.6);\n  border-radius: 50%;\n  color: var(--c2-lime);\n  font-family: var(--c2-mono);\n  font-size: 10px;\n  letter-spacing: .13em;\n  line-height: 1.6;\n  text-align: center;\n  transform: rotate(10deg);\n}\n\n.cmg2-join-stamp b {\n  font-size: 18px;\n}\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.cmg2-footer {\n  background: #050706;\n}\n\n.cmg2-footer-main {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: 26px;\n  padding: 37px 0 31px;\n}\n\n.cmg2-footer-main > p {\n  grid-column: 1;\n  margin: 7px 0 0;\n  color: var(--c2-dim);\n  font-size: 11px;\n}\n\n.cmg2-footer-links {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 20px;\n  grid-column: 2;\n  grid-row: 1 \/ span 2;\n}\n\n.cmg2-footer-links a,\n.cmg2-footer-bottom {\n  color: var(--c2-muted) !important;\n  font-family: var(--c2-mono);\n  font-size: 9px;\n  letter-spacing: .035em;\n}\n\n.cmg2-footer-links a {\n  transition: color .2s;\n}\n\n.cmg2-footer-links a:hover,\n.cmg2-footer-bottom a:hover {\n  color: var(--c2-lime) !important;\n}\n\n.cmg2-footer-bottom {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 13px;\n  padding: 17px 0;\n  border-top: 1px solid var(--c2-line);\n}\n\n.cmg2-footer-bottom a {\n  color: var(--c2-lime) !important;\n}\n\n\/* =====================================================\n   ANIMACIONES\n===================================================== *\/\n\n@keyframes cmg2-ticker-run {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n@keyframes cmg2-orbit {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes cmg2-pulse {\n  0% { transform: scale(.7); opacity: .9; }\n  100% { transform: scale(1.9); opacity: 0; }\n}\n\n@keyframes cmg2-hero-drift {\n  from { transform: scale(1.05) translate3d(0, 0, 0); }\n  to { transform: scale(1.12) translate3d(-1%, -1%, 0); }\n}\n\n.cmg2 [data-cmg2-reveal] {\n  opacity: 1;\n  transform: none;\n}\n\n.cmg2.cmg2-js [data-cmg2-reveal] {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);\n}\n\n.cmg2.cmg2-js [data-cmg2-reveal].cmg2-is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1020px) {\n  .cmg2-container {\n    width: min(100% - 44px, 1240px);\n  }\n\n  .cmg2-header {\n    padding-inline: 23px;\n  }\n\n  .cmg2-nav {\n    gap: 16px;\n  }\n\n  .cmg2-nav > a {\n    font-size: 9px;\n  }\n\n  .cmg2-hero-copy {\n    width: 78%;\n  }\n\n  .cmg2-hero-orbit {\n    right: -6%;\n    opacity: .72;\n  }\n\n  .cmg2-manifesto-grid {\n    grid-template-columns: 100px minmax(0, 1fr);\n  }\n\n  .cmg2-manifesto-visual {\n    display: none;\n  }\n\n  .cmg2-territory-content {\n    padding: 23px;\n  }\n\n  .cmg2-territory-content h3 {\n    font-size: clamp(31px, 4vw, 43px);\n  }\n\n  .cmg2-nypa-layout {\n    gap: 48px;\n  }\n\n  .cmg2-checkout-inner {\n    grid-template-columns: 75px minmax(0, 1fr);\n  }\n\n  .cmg2-checkout-mark {\n    width: 65px;\n    height: 65px;\n  }\n\n  .cmg2-checkout-action {\n    grid-column: 2;\n  }\n\n  .cmg2-checkout-action .cmg2-button {\n    width: auto;\n  }\n\n  .cmg2-universe-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .cmg2-universe-feature {\n    min-height: 500px;\n    grid-row: span 2;\n  }\n\n  .cmg2-universe-card-art {\n    height: 180px;\n  }\n\n  .cmg2-footer-links {\n    gap: 13px;\n  }\n}\n\n\/* =====================================================\n   M\u00d3VILES\n===================================================== *\/\n\n@media (max-width: 760px) {\n  .cmg2-container {\n    width: calc(100% - 36px);\n  }\n\n  .cmg2-section {\n    padding: 79px 0;\n  }\n\n  \/* Navegaci\u00f3n *\/\n  .cmg2-header {\n    min-height: 76px;\n    padding: 15px 18px;\n  }\n\n  .cmg2-logo {\n    gap: 10px;\n  }\n\n  .cmg2-logo-mark {\n    width: 38px;\n    height: 38px;\n    font-size: 20px;\n  }\n\n  .cmg2-logo-text {\n    font-size: 13px;\n  }\n\n  .cmg2-logo-text small {\n    font-size: 7px;\n  }\n\n  .cmg2-menu-btn {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 6px;\n    width: 43px;\n    height: 43px;\n    padding: 11px;\n    border: 1px solid rgba(201,255,54,.45);\n    border-radius: 0;\n    background: rgba(5,7,6,.42);\n    cursor: pointer;\n  }\n\n  .cmg2-menu-btn span {\n    display: block;\n    width: 100%;\n    height: 1px;\n    background: var(--c2-lime);\n    transition: transform .2s;\n  }\n\n  .cmg2-menu-btn[aria-expanded=\"true\"] span:first-child {\n    transform: translateY(3.5px) rotate(45deg);\n  }\n\n  .cmg2-menu-btn[aria-expanded=\"true\"] span:last-child {\n    transform: translateY(-3.5px) rotate(-45deg);\n  }\n\n  .cmg2-nav {\n    position: absolute;\n    top: calc(100% + 1px);\n    left: 0;\n    right: 0;\n    display: none;\n    align-items: stretch;\n    gap: 0;\n    padding: 12px 18px 20px;\n    border-bottom: 1px solid rgba(201,255,54,.3);\n    background: rgba(5,7,6,.97);\n    backdrop-filter: blur(15px);\n    -webkit-backdrop-filter: blur(15px);\n  }\n\n  .cmg2-nav.cmg2-nav-open {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .cmg2-nav > a {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 15px 4px;\n    border-bottom: 1px solid rgba(255,255,255,.09);\n    font-size: 11px;\n  }\n\n  .cmg2-nav .cmg2-nav-cta {\n    margin-top: 13px;\n    padding: 14px;\n    border: 1px solid rgba(201,255,54,.45);\n  }\n\n  \/* Hero *\/\n  .cmg2-hero {\n    min-height: 770px;\n    min-height: max(730px, 100svh);\n    padding-top: 76px;\n  }\n\n  .cmg2-hero-photo img {\n    object-position: 57% center;\n  }\n\n  .cmg2-hero-vignette {\n    background:\n      linear-gradient(90deg, rgba(4,8,5,.88), rgba(4,8,5,.48)),\n      linear-gradient(0deg, var(--c2-bg), transparent 40%, rgba(4,8,5,.3));\n  }\n\n  .cmg2-hero-grid {\n    opacity: .09;\n    background-size: 43px 43px;\n  }\n\n  .cmg2-hero-inner {\n    min-height: initial;\n    align-items: flex-end;\n    padding-top: 66px;\n    padding-bottom: 33px;\n  }\n\n  .cmg2-hero-copy {\n    width: 100%;\n    padding: 24px 0 0;\n  }\n\n  .cmg2-kicker {\n    margin-bottom: 25px;\n    gap: 9px;\n    font-size: 8px;\n  }\n\n  .cmg2-hero h1 {\n    font-size: clamp(48px, 12.2vw, 77px);\n    line-height: .95;\n  }\n\n  .cmg2-hero h1 > span {\n    margin-top: 8px;\n    font-size: .75em;\n  }\n\n  .cmg2-hero-description {\n    max-width: 500px;\n    font-size: 13px;\n    line-height: 1.8;\n  }\n\n  .cmg2-hero-actions {\n    align-items: stretch;\n    gap: 10px;\n  }\n\n  .cmg2-hero-actions .cmg2-button {\n    justify-content: space-between;\n    flex: 1 1 100%;\n  }\n\n  .cmg2-hero-bottom {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 15px;\n    margin-top: 35px;\n    padding-top: 15px;\n  }\n\n  .cmg2-hero-locations {\n    gap: 8px;\n    font-size: 8px;\n  }\n\n  .cmg2-scroll-label {\n    font-size: 8px;\n  }\n\n  .cmg2-hero-orbit {\n    top: 118px;\n    right: 25px;\n    width: 95px;\n    opacity: .85;\n    transform: none;\n  }\n\n  .cmg2-orbit-label,\n  .cmg2-hero-index {\n    display: none;\n  }\n\n  .cmg2-orbit-core span {\n    font-size: 24px;\n  }\n\n  .cmg2-ticker {\n    padding: 15px 0;\n  }\n\n  .cmg2-ticker-track {\n    gap: 18px;\n    animation-duration: 45s;\n  }\n\n  .cmg2-ticker-track span {\n    font-size: 9px;\n  }\n\n  \/* Manifiesto *\/\n  .cmg2-manifesto-grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .cmg2-manifesto-label {\n    min-height: 0;\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .cmg2-crosshair {\n    width: 29px;\n    height: 29px;\n  }\n\n  .cmg2-manifesto-content h2 {\n    font-size: clamp(36px, 9vw, 54px);\n    line-height: 1.04;\n  }\n\n  .cmg2-manifesto-content p {\n    font-size: 13px;\n  }\n\n  .cmg2-manifesto-content .cmg2-inline-link {\n    align-items: flex-start;\n  }\n\n  \/* Encabezados *\/\n  .cmg2-heading-row {\n    display: block;\n    margin-bottom: 31px;\n  }\n\n  .cmg2-heading-row h2 {\n    margin-top: 18px;\n    font-size: clamp(42px, 10.5vw, 65px);\n  }\n\n  .cmg2-heading-row > p {\n    margin: 18px 0 0;\n    font-size: 13px;\n  }\n\n  \/* Territorios *\/\n  .cmg2-territory-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 13px;\n  }\n\n  .cmg2-territory,\n  .cmg2-territory-pacific,\n  .cmg2-territory-mountain,\n  .cmg2-territory-cali {\n    min-height: 490px;\n  }\n\n  .cmg2-territory-pacific {\n    min-height: 550px;\n  }\n\n  .cmg2-territory-meta {\n    padding: 14px;\n  }\n\n  .cmg2-territory-meta > span:first-child,\n  .cmg2-territory-chip {\n    font-size: 7px;\n  }\n\n  .cmg2-territory-content {\n    padding: 20px;\n  }\n\n  .cmg2-territory-content h3 {\n    font-size: clamp(34px, 9vw, 48px);\n  }\n\n  .cmg2-territory-content p {\n    font-size: 12px;\n  }\n\n  .cmg2-card-tags {\n    max-width: calc(100% - 40px);\n    gap: 5px;\n  }\n\n  .cmg2-card-tags span {\n    padding: 5px 6px;\n    font-size: 7px;\n  }\n\n  .cmg2-circle-link {\n    right: 17px;\n    bottom: 22px;\n    width: 39px;\n    height: 39px;\n  }\n\n  .cmg2-image-disclaimer {\n    font-size: 8px;\n  }\n\n  \/* Experiencias *\/\n  .cmg2-experience-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cmg2-experience-card {\n    min-height: 300px;\n    padding: 23px;\n    border-right: 1px solid var(--c2-line);\n    border-bottom: 1px solid var(--c2-line);\n    border-left: 1px solid var(--c2-line);\n  }\n\n  .cmg2-experience-icon {\n    margin: 24px 0;\n  }\n\n  .cmg2-experience-card h3 {\n    font-size: 29px;\n  }\n\n  \/* NYPA *\/\n  .cmg2-nypa-layout {\n    grid-template-columns: 1fr;\n    gap: 43px;\n  }\n\n  .cmg2-nypa-word {\n    margin: 27px 0 20px;\n    font-size: clamp(98px, 26vw, 145px);\n  }\n\n  .cmg2-nypa-main h2 {\n    font-size: clamp(40px, 10vw, 58px);\n  }\n\n  .cmg2-nypa-main > p {\n    font-size: 13px;\n  }\n\n  .cmg2-nypa-main .cmg2-button {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  .cmg2-benefit {\n    grid-template-columns: 27px minmax(0, 1fr) 20px;\n    gap: 12px;\n    padding: 21px 0;\n  }\n\n  .cmg2-benefit h3 {\n    font-size: 15px;\n  }\n\n  .cmg2-benefit p {\n    font-size: 12px;\n  }\n\n  \/* Universo *\/\n  .cmg2-universe-grid {\n    grid-template-columns: 1fr;\n    gap: 13px;\n  }\n\n  .cmg2-universe-feature {\n    min-height: 490px;\n    grid-row: auto;\n  }\n\n  .cmg2-universe-content {\n    padding: 25px;\n  }\n\n  .cmg2-universe-content h3 {\n    font-size: 47px;\n  }\n\n  .cmg2-universe-card-art {\n    height: 230px;\n  }\n\n  .cmg2-universe-card-body {\n    padding: 23px;\n  }\n\n  .cmg2-universe-card-body h3 {\n    font-size: 26px;\n  }\n\n  \/* Checkout *\/\n  .cmg2-checkout {\n    padding: 52px 0;\n  }\n\n  .cmg2-checkout-inner {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .cmg2-checkout-mark {\n    margin: 0 0 9px 10px;\n  }\n\n  .cmg2-checkout-copy h2 {\n    font-size: clamp(31px, 8vw, 43px);\n  }\n\n  .cmg2-checkout-action {\n    grid-column: auto;\n  }\n\n  .cmg2-checkout-action .cmg2-button {\n    width: 100%;\n  }\n\n  \/* FAQ *\/\n  .cmg2-faq-grid {\n    grid-template-columns: 1fr;\n    gap: 29px;\n  }\n\n  .cmg2-faq-grid > div:first-child h2 {\n    font-size: clamp(39px, 10vw, 54px);\n  }\n\n  .cmg2-faq-list summary {\n    gap: 13px;\n    font-size: 12px;\n  }\n\n  .cmg2-faq-list details > p {\n    padding-right: 10px;\n    font-size: 12px;\n  }\n\n  \/* CTA *\/\n  .cmg2-join {\n    min-height: 650px;\n  }\n\n  .cmg2-join-content {\n    padding-top: 80px;\n    padding-bottom: 100px;\n  }\n\n  .cmg2-join-content h2 {\n    font-size: clamp(49px, 12vw, 76px);\n  }\n\n  .cmg2-join-content > p {\n    font-size: 13px;\n  }\n\n  .cmg2-join-content .cmg2-hero-actions {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .cmg2-join-stamp {\n    right: 23px;\n    bottom: 16px;\n    width: 82px;\n    height: 82px;\n    font-size: 8px;\n  }\n\n  \/* Footer *\/\n  .cmg2-footer-main {\n    grid-template-columns: 1fr;\n    gap: 15px;\n    padding-top: 31px;\n  }\n\n  .cmg2-footer-main > p,\n  .cmg2-footer-links {\n    grid-column: auto;\n    grid-row: auto;\n  }\n\n  .cmg2-footer-links {\n    justify-content: flex-start;\n    gap: 15px 19px;\n    padding-top: 9px;\n  }\n\n  .cmg2-footer-links a {\n    font-size: 9px;\n  }\n\n  .cmg2-footer-bottom {\n    flex-direction: column;\n    align-items: flex-start;\n    font-size: 8px;\n  }\n}\n\n\/* =====================================================\n   ACCESIBILIDAD Y RENDIMIENTO\n===================================================== *\/\n\n@media (hover: none) {\n  .cmg2-territory:hover,\n  .cmg2-experience-card:hover,\n  .cmg2-universe-card:hover {\n    transform: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cmg2 *,\n  .cmg2 *::before,\n  .cmg2 *::after {\n    scroll-behavior: auto !important;\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n  }\n\n  .cmg2.cmg2-js [data-cmg2-reveal] {\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  'use strict';\n\n  \/* ================================================\n     CONFIGURACI\u00d3N CENTRAL DE CASA MANGLE\n     Edita estos valores antes de publicar.\n  ================================================ *\/\n\n  var CONFIG = {\n    \/\/ Confirma la ruta real de tu tienda WooCommerce.\n    shopUrl: '\/shop\/',\n\n    \/\/ Sustituye las rutas cuando tengas categor\u00edas propias.\n    tourismUrl: '\/shop\/',\n    productionUrl: '\/shop\/',\n    jewelryUrl: '\/shop\/',\n    eventsUrl: '\/shop\/',\n\n    \/\/ N\u00famero en formato internacional, sin +, espacios ni guiones.\n    \/\/ Ejemplo de formato colombiano: 573001234567.\n    whatsappNumber: ''\n  };\n\n  function initCasaMangle() {\n    var root = document.getElementById('cmg2');\n\n    if (!root || root.dataset.cmg2Initialized === 'true') {\n      return;\n    }\n\n    root.dataset.cmg2Initialized = 'true';\n\n    var nav = root.querySelector('#cmg2-nav');\n    var menuButton = root.querySelector('.cmg2-menu-btn');\n\n    var reducedMotion = window.matchMedia &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    \/* ================================================\n       1. ENLACES COMERCIALES\n    ================================================ *\/\n\n    var urls = {\n      shop: CONFIG.shopUrl || '\/shop\/',\n      tourism: CONFIG.tourismUrl || CONFIG.shopUrl || '\/shop\/',\n      production: CONFIG.productionUrl || CONFIG.shopUrl || '\/shop\/',\n      jewelry: CONFIG.jewelryUrl || CONFIG.shopUrl || '\/shop\/',\n      events: CONFIG.eventsUrl || CONFIG.shopUrl || '\/shop\/'\n    };\n\n    root.querySelectorAll('[data-cmg2-link]').forEach(function (link) {\n      var key = link.getAttribute('data-cmg2-link');\n      var destination = urls[key];\n\n      if (destination) {\n        link.setAttribute('href', destination);\n      }\n    });\n\n    \/* ================================================\n       2. WHATSAPP\n    ================================================ *\/\n\n    var number = String(CONFIG.whatsappNumber || '').replace(\/\\D\/g, '');\n\n    root.querySelectorAll('[data-cmg2-whatsapp]').forEach(function (link) {\n      if (!number) {\n        link.hidden = true;\n        return;\n      }\n\n      var message = link.getAttribute('data-cmg2-message') ||\n        'Hola, he visitado la web de Casa Mangle y quisiera conocer m\u00e1s informaci\u00f3n sobre sus servicios y experiencias. \u00bfPodr\u00edan orientarme? Gracias.';\n\n      link.href =\n        'https:\/\/wa.me\/' + number + '?text=' + encodeURIComponent(message);\n\n      link.target = '_blank';\n      link.rel = 'noopener noreferrer';\n      link.hidden = false;\n    });\n\n    \/* ================================================\n       3. MEN\u00da M\u00d3VIL\n    ================================================ *\/\n\n    function closeMenu() {\n      if (!nav || !menuButton) return;\n\n      nav.classList.remove('cmg2-nav-open');\n      menuButton.setAttribute('aria-expanded', 'false');\n      menuButton.setAttribute('aria-label', 'Abrir navegaci\u00f3n');\n    }\n\n    if (nav && menuButton) {\n      menuButton.addEventListener('click', function () {\n        var isOpen =\n          menuButton.getAttribute('aria-expanded') === 'true';\n\n        menuButton.setAttribute('aria-expanded', String(!isOpen));\n        menuButton.setAttribute(\n          'aria-label',\n          isOpen ? 'Abrir navegaci\u00f3n' : 'Cerrar navegaci\u00f3n'\n        );\n\n        nav.classList.toggle('cmg2-nav-open', !isOpen);\n      });\n\n      nav.querySelectorAll('a').forEach(function (link) {\n        link.addEventListener('click', closeMenu);\n      });\n\n      document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape') {\n          closeMenu();\n        }\n      });\n\n      document.addEventListener('click', function (event) {\n        if (!root.contains(event.target)) {\n          closeMenu();\n        }\n      });\n\n      window.addEventListener('resize', function () {\n        if (window.innerWidth > 760) {\n          closeMenu();\n        }\n      });\n    }\n\n    \/* ================================================\n       4. EFECTOS DE APARICI\u00d3N AL DESPLAZARSE\n    ================================================ *\/\n\n    var revealItems = root.querySelectorAll('[data-cmg2-reveal]');\n\n    if ('IntersectionObserver' in window && !reducedMotion) {\n      root.classList.add('cmg2-js');\n\n      var observer = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('cmg2-is-visible');\n              observer.unobserve(entry.target);\n            }\n          });\n        },\n        {\n          threshold: 0.08,\n          rootMargin: '0px 0px -35px 0px'\n        }\n      );\n\n      revealItems.forEach(function (item, index) {\n        item.style.transitionDelay = (index % 3) * 65 + 'ms';\n        observer.observe(item);\n      });\n    }\n\n    \/* ================================================\n       5. LUZ DIN\u00c1MICA DEL HERO\n       Solo en dispositivos con rat\u00f3n.\n    ================================================ *\/\n\n    var hero = root.querySelector('.cmg2-hero');\n\n    var finePointer = window.matchMedia &&\n      window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n\n    if (hero && finePointer && !reducedMotion) {\n      var framePending = false;\n      var latestX = 70;\n      var latestY = 38;\n\n      hero.addEventListener('pointermove', function (event) {\n        var rect = hero.getBoundingClientRect();\n\n        latestX = ((event.clientX - rect.left) \/ rect.width) * 100;\n        latestY = ((event.clientY - rect.top) \/ rect.height) * 100;\n\n        if (framePending) return;\n\n        framePending = true;\n\n        window.requestAnimationFrame(function () {\n          hero.style.setProperty('--cmg2-mouse-x', latestX + '%');\n          hero.style.setProperty('--cmg2-mouse-y', latestY + '%');\n          framePending = false;\n        });\n      });\n\n      hero.addEventListener('pointerleave', function () {\n        hero.style.setProperty('--cmg2-mouse-x', '72%');\n        hero.style.setProperty('--cmg2-mouse-y', '38%');\n      });\n    }\n\n    \/* ================================================\n       6. A\u00d1O AUTOM\u00c1TICO DEL FOOTER\n    ================================================ *\/\n\n    var year = root.querySelector('[data-cmg2-year]');\n\n    if (year) {\n      year.textContent = String(new Date().getFullYear());\n    }\n\n    \/* ================================================\n       7. ACORDE\u00d3N FAQ\n       Permite mantener una respuesta abierta a la vez.\n    ================================================ *\/\n\n    var faqItems = root.querySelectorAll('.cmg2-faq-list details');\n\n    faqItems.forEach(function (item) {\n      item.addEventListener('toggle', function () {\n        if (!item.open) return;\n\n        faqItems.forEach(function (otherItem) {\n          if (otherItem !== item) {\n            otherItem.open = false;\n          }\n        });\n      });\n    });\n  }\n\n  \/*\n   * Inicializaci\u00f3n segura tanto si el script carga antes\n   * como despu\u00e9s de que el documento est\u00e9 preparado.\n   *\/\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCasaMangle);\n  } else {\n    initCasaMangle();\n  }\n})();\n<\/script>\n\n<div id=\"cmg2\" class=\"cmg2\">\n\n  <header class=\"cmg2-header\">\n    <a href=\"#cmg2-home\" class=\"cmg2-logo\" aria-label=\"Casa Mangle, inicio\">\n      <span class=\"cmg2-logo-mark\">M<span>\u2022<\/span><\/span>\n      <span class=\"cmg2-logo-text\">CASA <b>MANGLE<\/b><small>COLOMBIA \/ EXPERIENCIAS VIVAS<\/small><\/span>\n    <\/a>\n\n    <button class=\"cmg2-menu-btn\" aria-expanded=\"false\" aria-controls=\"cmg2-nav\" aria-label=\"Abrir navegaci\u00f3n\" type=\"button\">\n      <span><\/span><span><\/span>\n    <\/button>\n\n    <nav id=\"cmg2-nav\" class=\"cmg2-nav\" aria-label=\"Navegaci\u00f3n principal\">\n      <a href=\"#cmg2-territorios\">Territorios<\/a>\n      <a href=\"#cmg2-experiencias\">Experiencias<\/a>\n      <a href=\"#cmg2-nypa\">NYPA<\/a>\n      <a href=\"#cmg2-universo\">Universo Mangle<\/a>\n      <a href=\"\/shop\/\" class=\"cmg2-nav-cta\" data-cmg2-link=\"shop\">Explorar tienda <span>\u2197<\/span><\/a>\n    <\/nav>\n  <\/header>\n\n  <main>\n\n    <!-- HERO -->\n    <section class=\"cmg2-hero\" id=\"cmg2-home\">\n      <div class=\"cmg2-hero-photo\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.unsplash.com\/photo-1500375592092-40eb2168fd21?auto=format&#038;fit=crop&#038;w=2400&#038;q=90\"\n          alt=\"Olas del oc\u00e9ano Pac\u00edfico colombiano\"\n          fetchpriority=\"high\"\n        >\n      <\/div>\n      <div class=\"cmg2-hero-grid\"><\/div>\n      <div class=\"cmg2-hero-vignette\"><\/div>\n      <div class=\"cmg2-hero-glow\"><\/div>\n\n      <div class=\"cmg2-container cmg2-hero-inner\">\n        <div class=\"cmg2-hero-copy\">\n          <div class=\"cmg2-kicker\">\n            <span class=\"cmg2-live-dot\"><\/span>\n            CULTURA INDEPENDIENTE \u00b7 NATURALEZA \u00b7 CONEXI\u00d3N\n          <\/div>\n\n          <h1>\n            SAL DE LA RUTINA.\n            <span>ENTRA EN<\/span>\n            <em>OTRO MUNDO.<\/em>\n          <\/h1>\n\n          <p class=\"cmg2-hero-description\">\n            Tres territorios. Miles de historias posibles. Descubre Casa Mangle:\n            una comunidad donde la aventura del Pac\u00edfico, la energ\u00eda cultural\n            de Cali y la calma de la monta\u00f1a se encuentran para crear algo distinto.\n          <\/p>\n\n          <div class=\"cmg2-hero-actions\">\n            <a class=\"cmg2-button cmg2-button-lime\" href=\"#cmg2-territorios\">\n              EXPLORAR CASA MANGLE <span>\u2198<\/span>\n            <\/a>\n            <a class=\"cmg2-button cmg2-button-ghost\" href=\"#cmg2-nypa\">\n              CONOCER NYPA <span>\u2197<\/span>\n            <\/a>\n          <\/div>\n\n          <div class=\"cmg2-hero-bottom\">\n            <div class=\"cmg2-hero-locations\">\n              <span>01 \/ CALI<\/span>\n              <i><\/i>\n              <span>02 \/ MONTA\u00d1A<\/span>\n              <i><\/i>\n              <span>03 \/ PAC\u00cdFICO<\/span>\n            <\/div>\n            <span class=\"cmg2-scroll-label\">DESLIZA PARA DESCUBRIR <b>\u2193<\/b><\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"cmg2-hero-orbit\" aria-hidden=\"true\">\n          <div class=\"cmg2-orbit-ring cmg2-orbit-ring-one\"><\/div>\n          <div class=\"cmg2-orbit-ring cmg2-orbit-ring-two\"><\/div>\n          <div class=\"cmg2-orbit-core\"><span>M<\/span><\/div>\n          <span class=\"cmg2-orbit-label\">UNA FUERZA<br>QUE DA FUERZA<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cmg2-hero-index\" aria-hidden=\"true\">CM \/ 001<\/div>\n    <\/section>\n\n    <!-- TICKER -->\n    <div class=\"cmg2-ticker\" aria-label=\"El esp\u00edritu de Casa Mangle\">\n      <div class=\"cmg2-ticker-track\">\n        <span>AVENTURA CON SENTIDO<\/span><i>\u2733<\/i>\n        <span>CULTURA QUE CONECTA<\/span><i>\u2733<\/i>\n        <span>FUERZAS QUE SE ENCUENTRAN<\/span><i>\u2733<\/i>\n        <span>NATURALEZA VIVA<\/span><i>\u2733<\/i>\n        <span>AVENTURA CON SENTIDO<\/span><i>\u2733<\/i>\n        <span>CULTURA QUE CONECTA<\/span><i>\u2733<\/i>\n        <span>FUERZAS QUE SE ENCUENTRAN<\/span><i>\u2733<\/i>\n        <span>NATURALEZA VIVA<\/span><i>\u2733<\/i>\n      <\/div>\n    <\/div>\n\n    <!-- MANIFIESTO -->\n    <section class=\"cmg2-manifesto cmg2-section\" id=\"cmg2-filosofia\">\n      <div class=\"cmg2-container cmg2-manifesto-grid\">\n        <div class=\"cmg2-manifesto-label\" data-cmg2-reveal>\n          <span class=\"cmg2-section-code\">01 \u2014 NUESTRA FILOSOF\u00cdA<\/span>\n          <div class=\"cmg2-crosshair\" aria-hidden=\"true\">+<\/div>\n        <\/div>\n\n        <div class=\"cmg2-manifesto-content\" data-cmg2-reveal>\n          <h2>\n            UNA FUERZA QUE DA FUERZA A OTRA FUERZA\n            <em>PARA SER UNA GRAN FUERZA.<\/em>\n          <\/h2>\n\n          <p>\n            No creemos en crecer a solas. Creemos en compartir lo que sabemos,\n            abrir espacios, conectar talentos y hacer circular las oportunidades.\n            Casa Mangle es una cultura libre de ego\u00edsmos: personas que se impulsan\n            entre s\u00ed para crear experiencias, proyectos y posibilidades reales.\n          <\/p>\n\n          <a href=\"#cmg2-nypa\" class=\"cmg2-inline-link\">\n            ESTO ES M\u00c1S QUE UN LUGAR. ES UNA RED VIVA <span>\u2197<\/span>\n          <\/a>\n        <\/div>\n\n        <div class=\"cmg2-manifesto-visual\" aria-hidden=\"true\">\n          <div class=\"cmg2-manifesto-circle\"><\/div>\n          <div class=\"cmg2-manifesto-symbol\">M<span>+<\/span><\/div>\n          <div class=\"cmg2-manifesto-coordinates\">3 TERRITORIOS \/ 1 PROP\u00d3SITO<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- TERRITORIOS -->\n    <section class=\"cmg2-territories cmg2-section\" id=\"cmg2-territorios\">\n      <div class=\"cmg2-container\">\n        <div class=\"cmg2-heading-row\" data-cmg2-reveal>\n          <div>\n            <span class=\"cmg2-section-code\">02 \u2014 LOS TERRITORIOS<\/span>\n            <h2>UN MISMO ESP\u00cdRITU.<br><em>TRES UNIVERSOS.<\/em><\/h2>\n          <\/div>\n          <p>\n            Elige tu pr\u00f3xima aventura: sum\u00e9rgete en el Pac\u00edfico, encuentra\n            tu pausa entre monta\u00f1as o vive la cultura desde adentro.\n          <\/p>\n        <\/div>\n\n        <div class=\"cmg2-territory-grid\">\n\n          <!-- PAC\u00cdFICO -->\n          <article class=\"cmg2-territory cmg2-territory-pacific\" data-cmg2-reveal>\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1518837695005-2083093ee35b?auto=format&#038;fit=crop&#038;w=1400&#038;q=85\"\n              alt=\"Mar abierto y olas del Pac\u00edfico\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div class=\"cmg2-territory-vignette\"><\/div>\n            <div class=\"cmg2-territory-meta\">\n              <span>03.48\u00b0 N \/ 77.02\u00b0 W<\/span>\n              <span class=\"cmg2-territory-chip\">NATURALEZA SALVAJE<\/span>\n            <\/div>\n            <div class=\"cmg2-territory-content\">\n              <span class=\"cmg2-territory-number\">01 \/ BUENAVENTURA<\/span>\n              <h3>EL PAC\u00cdFICO<br><em>TE LLAMA.<\/em><\/h3>\n              <p>\n                Manglares, oc\u00e9ano, gastronom\u00eda ancestral y aventura.\n                Vive la esencia del litoral colombiano entre el mar,\n                la cultura y la naturaleza.\n              <\/p>\n              <div class=\"cmg2-card-tags\">\n                <span>AVISTAMIENTO DE BALLENAS<\/span>\n                <span>ALOJAMIENTO<\/span>\n                <span>GASTRONOM\u00cdA<\/span>\n              <\/div>\n              <a href=\"\/shop\/\" data-cmg2-link=\"tourism\" class=\"cmg2-circle-link\" aria-label=\"Explorar experiencias del Pac\u00edfico\">\n                <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/article>\n\n          <!-- MONTA\u00d1A -->\n          <article class=\"cmg2-territory cmg2-territory-mountain\" data-cmg2-reveal>\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1470770841072-f978cf4d019e?auto=format&#038;fit=crop&#038;w=1200&#038;q=85\"\n              alt=\"Paisaje de monta\u00f1a rodeado de naturaleza\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div class=\"cmg2-territory-vignette\"><\/div>\n            <div class=\"cmg2-territory-meta\">\n              <span>VALLE DEL CAUCA<\/span>\n              <span class=\"cmg2-territory-chip\">PAUSA \/ MOVIMIENTO<\/span>\n            <\/div>\n            <div class=\"cmg2-territory-content\">\n              <span class=\"cmg2-territory-number\">02 \/ LA MONTA\u00d1A<\/span>\n              <h3>VUELVE A<br><em>SENTIR.<\/em><\/h3>\n              <p>\n                Camina hacia las cascadas, comparte junto al r\u00edo y encuentra\n                un espacio para respirar, meditar y reconectar.\n              <\/p>\n              <div class=\"cmg2-card-tags\">\n                <span>TREKKING<\/span>\n                <span>YOGA<\/span>\n                <span>R\u00cdO<\/span>\n              <\/div>\n              <a href=\"\/shop\/\" data-cmg2-link=\"tourism\" class=\"cmg2-circle-link\" aria-label=\"Explorar experiencias de monta\u00f1a\">\n                <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/article>\n\n          <!-- CALI -->\n          <article class=\"cmg2-territory cmg2-territory-cali\" data-cmg2-reveal>\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&#038;fit=crop&#038;w=1200&#038;q=85\"\n              alt=\"Encuentro cultural y art\u00edstico en vivo\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div class=\"cmg2-territory-vignette\"><\/div>\n            <div class=\"cmg2-territory-meta\">\n              <span>CALI \/ COLOMBIA<\/span>\n              <span class=\"cmg2-territory-chip\">CULTURA EN MOVIMIENTO<\/span>\n            <\/div>\n            <div class=\"cmg2-territory-content\">\n              <span class=\"cmg2-territory-number\">03 \/ LA CIUDAD<\/span>\n              <h3>DONDE LAS IDEAS<br><em>HACEN RUIDO.<\/em><\/h3>\n              <p>\n                M\u00fasica, arte, producci\u00f3n, encuentros y proyectos independientes.\n                Un espacio para crear, mostrar, aprender y conectar.\n              <\/p>\n              <div class=\"cmg2-card-tags\">\n                <span>ESTUDIO<\/span>\n                <span>EVENTOS<\/span>\n                <span>ARTE<\/span>\n              <\/div>\n              <a href=\"\/shop\/\" data-cmg2-link=\"events\" class=\"cmg2-circle-link\" aria-label=\"Explorar cultura y eventos\">\n                <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n\n        <p class=\"cmg2-image-disclaimer\">\n          Fotograf\u00edas ilustrativas. Las actividades, ubicaciones espec\u00edficas\n          y disponibilidad se confirman en cada ficha de servicio.\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <!-- EXPERIENCIAS -->\n    <section class=\"cmg2-experiences cmg2-section\" id=\"cmg2-experiencias\">\n      <div class=\"cmg2-container\">\n        <div class=\"cmg2-heading-row\" data-cmg2-reveal>\n          <div>\n            <span class=\"cmg2-section-code\">03 \u2014 HAZ QUE SUCEDA<\/span>\n            <h2>NO SOLO LO VISITES.<br><em>V\u00cdVELO.<\/em><\/h2>\n          <\/div>\n          <p>\n            Aventura, cultura y creaci\u00f3n en un mismo universo.\n            Escoge el plan, servicio o producto que conecta contigo.\n          <\/p>\n        <\/div>\n\n        <div class=\"cmg2-experience-grid\">\n          <a class=\"cmg2-experience-card\" href=\"\/shop\/\" data-cmg2-link=\"tourism\" data-cmg2-reveal>\n            <div class=\"cmg2-experience-number\">EXP \/ 01<\/div>\n            <div class=\"cmg2-experience-icon\">\u2301<\/div>\n            <span class=\"cmg2-experience-type\">NATURALEZA & AVENTURA<\/span>\n            <h3>Explora lo extraordinario.<\/h3>\n            <p>\n              Hospedaje, caminatas, r\u00edo, mar, gastronom\u00eda y experiencias\n              de conexi\u00f3n con el territorio.\n            <\/p>\n            <div class=\"cmg2-experience-footer\"><span>DESCUBRIR PLANES<\/span><b>\u2197<\/b><\/div>\n          <\/a>\n\n          <a class=\"cmg2-experience-card\" href=\"\/shop\/\" data-cmg2-link=\"production\" data-cmg2-reveal>\n            <div class=\"cmg2-experience-number\">EXP \/ 02<\/div>\n            <div class=\"cmg2-experience-icon\">\u25c9<\/div>\n            <span class=\"cmg2-experience-type\">SONIDO, IMAGEN & ARTE<\/span>\n            <h3>Convierte ideas en obra.<\/h3>\n            <p>\n              Producci\u00f3n audiovisual y musical, postproducci\u00f3n, asesor\u00edas,\n              representaci\u00f3n y servicios creativos.\n            <\/p>\n            <div class=\"cmg2-experience-footer\"><span>EXPLORAR SERVICIOS<\/span><b>\u2197<\/b><\/div>\n          <\/a>\n\n          <a class=\"cmg2-experience-card\" href=\"\/shop\/\" data-cmg2-link=\"events\" data-cmg2-reveal>\n            <div class=\"cmg2-experience-number\">EXP \/ 03<\/div>\n            <div class=\"cmg2-experience-icon\">\u2733<\/div>\n            <span class=\"cmg2-experience-type\">EVENTOS & ENCUENTROS<\/span>\n            <h3>Crea algo que re\u00fana.<\/h3>\n            <p>\n              Conciertos, festivales, ferias, exhibiciones, encuentros culturales,\n              espacios y alquiler de sonido seg\u00fan disponibilidad.\n            <\/p>\n            <div class=\"cmg2-experience-footer\"><span>VER POSIBILIDADES<\/span><b>\u2197<\/b><\/div>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- NYPA -->\n    <section class=\"cmg2-nypa cmg2-section\" id=\"cmg2-nypa\">\n      <div class=\"cmg2-nypa-bg\" aria-hidden=\"true\"><\/div>\n      <div class=\"cmg2-container cmg2-nypa-layout\">\n        <div class=\"cmg2-nypa-main\" data-cmg2-reveal>\n          <span class=\"cmg2-section-code\">04 \u2014 LA RED<\/span>\n          <div class=\"cmg2-nypa-word\">N<span>Y<\/span>PA<span class=\"cmg2-nypa-period\">.<\/span><\/div>\n          <h2>NO CAMINES<br><em>EN SOLITARIO.<\/em><\/h2>\n          <p>\n            Una red de personas que aportan, comparten y crean oportunidades.\n            Vincularte como NYPA significa ser parte de una comunidad que busca\n            que las ideas de una persona puedan impulsar a muchas m\u00e1s.\n          <\/p>\n          <a class=\"cmg2-button cmg2-button-lime\" href=\"#cmg2-join\">\n            DESCUBRIR C\u00d3MO VINCULARTE <span>\u2198<\/span>\n          <\/a>\n        <\/div>\n\n        <div class=\"cmg2-nypa-benefits\">\n          <article class=\"cmg2-benefit\" data-cmg2-reveal>\n            <span class=\"cmg2-benefit-index\">01<\/span>\n            <div><h3>RED DE APOYO<\/h3><p>Conecta con personas, conocimientos, proyectos y posibles aliados.<\/p><\/div>\n            <span class=\"cmg2-benefit-symbol\">\u2197<\/span>\n          <\/article>\n          <article class=\"cmg2-benefit\" data-cmg2-reveal>\n            <span class=\"cmg2-benefit-index\">02<\/span>\n            <div><h3>BENEFICIOS<\/h3><p>Accede a descuentos y prioridad conforme a las condiciones vigentes.<\/p><\/div>\n            <span class=\"cmg2-benefit-symbol\">\u2733<\/span>\n          <\/article>\n          <article class=\"cmg2-benefit\" data-cmg2-reveal>\n            <span class=\"cmg2-benefit-index\">03<\/span>\n            <div><h3>VITRINA PARA TUS IDEAS<\/h3><p>Conecta tus productos, servicios o proyectos con nuevas audiencias.<\/p><\/div>\n            <span class=\"cmg2-benefit-symbol\">\u25ce<\/span>\n          <\/article>\n          <article class=\"cmg2-benefit\" data-cmg2-reveal>\n            <span class=\"cmg2-benefit-index\">04<\/span>\n            <div><h3>CRECIMIENTO COLECTIVO<\/h3><p>Comparte oportunidades y contribuye al crecimiento de la comunidad.<\/p><\/div>\n            <span class=\"cmg2-benefit-symbol\">\u2301<\/span>\n          <\/article>\n        <\/div>\n      <\/div>\n      <div class=\"cmg2-nypa-watermark\" aria-hidden=\"true\">NYPA<\/div>\n    <\/section>\n\n    <!-- UNIVERSO COMERCIAL -->\n    <section class=\"cmg2-universe cmg2-section\" id=\"cmg2-universo\">\n      <div class=\"cmg2-container\">\n        <div class=\"cmg2-heading-row\" data-cmg2-reveal>\n          <div>\n            <span class=\"cmg2-section-code\">05 \u2014 UNIVERSO MANGLE<\/span>\n            <h2>DESCUBRE LO QUE<br><em>SE MUEVE AQU\u00cd.<\/em><\/h2>\n          <\/div>\n          <p>\n            Una comunidad creativa tambi\u00e9n necesita espacios para intercambiar,\n            comprar, contratar servicios y hacer crecer los proyectos.\n          <\/p>\n        <\/div>\n\n        <div class=\"cmg2-universe-grid\">\n          <article class=\"cmg2-universe-feature\" data-cmg2-reveal>\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1598488035139-bdbb2231ce04?auto=format&#038;fit=crop&#038;w=1300&#038;q=85\"\n              alt=\"Estudio de grabaci\u00f3n y producci\u00f3n musical\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <div class=\"cmg2-universe-overlay\"><\/div>\n            <div class=\"cmg2-universe-content\">\n              <span>CREACI\u00d3N \/ PRODUCCI\u00d3N<\/span>\n              <h3>Del concepto<br>al resultado.<\/h3>\n              <p>Producci\u00f3n musical, audiovisual y servicios para proyectos creativos.<\/p>\n              <a href=\"\/shop\/\" data-cmg2-link=\"production\" class=\"cmg2-text-button\">EXPLORAR SERVICIOS \u2197<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"cmg2-universe-card\" data-cmg2-reveal>\n            <div class=\"cmg2-universe-card-art cmg2-art-emerald\">\n              <img\n                src=\"https:\/\/images.unsplash.com\/photo-1611652022419-a9419f74343d?auto=format&#038;fit=crop&#038;w=800&#038;q=85\"\n                alt=\"Joyer\u00eda y accesorios\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n              <span class=\"cmg2-art-index\">OBJECTS \/ 001<\/span>\n            <\/div>\n            <div class=\"cmg2-universe-card-body\">\n              <span>OBJETOS CON IDENTIDAD<\/span>\n              <h3>Joyer\u00eda y esmeraldas.<\/h3>\n              <p>Descubre piezas, anillos, pulseras y aretes disponibles en el cat\u00e1logo oficial.<\/p>\n              <a href=\"\/shop\/\" data-cmg2-link=\"jewelry\" class=\"cmg2-inline-link\">VER COLECCI\u00d3N <span>\u2197<\/span><\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"cmg2-universe-card\" data-cmg2-reveal>\n            <div class=\"cmg2-universe-card-art cmg2-art-events\">\n              <img\n                src=\"https:\/\/images.unsplash.com\/photo-1506157786151-b8491531f063?auto=format&#038;fit=crop&#038;w=800&#038;q=85\"\n                alt=\"Concierto en vivo con luces de escenario\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n              <span class=\"cmg2-art-index\">CULTURE \/ 002<\/span>\n            <\/div>\n            <div class=\"cmg2-universe-card-body\">\n              <span>EXPERIENCIAS COMPARTIDAS<\/span>\n              <h3>Eventos y festivales.<\/h3>\n              <p>Explora opciones de espacios, sonido, producci\u00f3n y encuentros culturales.<\/p>\n              <a href=\"\/shop\/\" data-cmg2-link=\"events\" class=\"cmg2-inline-link\">VER OPCIONES <span>\u2197<\/span><\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- COMPRA SEGURA \/ CHECKOUT -->\n    <section class=\"cmg2-checkout\">\n      <div class=\"cmg2-container cmg2-checkout-inner\" data-cmg2-reveal>\n        <div class=\"cmg2-checkout-mark\" aria-hidden=\"true\"><span>CM<\/span><i>\u2197<\/i><\/div>\n        <div class=\"cmg2-checkout-copy\">\n          <span class=\"cmg2-section-code\">06 \u2014 EL CANAL OFICIAL<\/span>\n          <h2>TU PR\u00d3XIMA EXPERIENCIA<br><em>EMPIEZA AQU\u00cd.<\/em><\/h2>\n          <p>\n            Consulta la informaci\u00f3n, revisa las condiciones y completa tus\n            compras y reservas a trav\u00e9s de la tienda oficial de Casa Mangle.\n            As\u00ed, cada pedido puede quedar registrado en el sistema.\n          <\/p>\n        <\/div>\n        <div class=\"cmg2-checkout-action\">\n          <a href=\"\/shop\/\" data-cmg2-link=\"shop\" class=\"cmg2-button cmg2-button-lime\">ENTRAR A LA TIENDA <span>\u2197<\/span><\/a>\n          <small>Las condiciones, la disponibilidad y los m\u00e9todos de pago se muestran seg\u00fan cada producto o servicio.<\/small>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PREGUNTAS -->\n    <section class=\"cmg2-faq cmg2-section\" id=\"cmg2-preguntas\">\n      <div class=\"cmg2-container cmg2-faq-grid\">\n        <div data-cmg2-reveal>\n          <span class=\"cmg2-section-code\">07 \u2014 PREGUNTAS FRECUENTES<\/span>\n          <h2>ANTES DE<br><em>EMPRENDER EL VIAJE.<\/em><\/h2>\n          <p>Todo comienza con una pregunta. Aqu\u00ed tienes algunas respuestas para dar el primer paso.<\/p>\n        <\/div>\n\n        <div class=\"cmg2-faq-list\" data-cmg2-reveal>\n          <details>\n            <summary>\u00bfQu\u00e9 es Casa Mangle?<span>+<\/span><\/summary>\n            <p>Casa Mangle es una comunidad que conecta cultura, creaci\u00f3n, naturaleza, turismo, servicios y personas alrededor de una filosof\u00eda de colaboraci\u00f3n y apoyo mutuo.<\/p>\n          <\/details>\n          <details>\n            <summary>\u00bfQu\u00e9 puedo hacer en sus sedes?<span>+<\/span><\/summary>\n            <p>En Cali puedes explorar propuestas culturales, creativas y de producci\u00f3n; en La Monta\u00f1a, experiencias de naturaleza y bienestar; y en el Pac\u00edfico, alojamiento, gastronom\u00eda y actividades marinas. Consulta la ficha de cada servicio para confirmar disponibilidad y condiciones.<\/p>\n          <\/details>\n          <details>\n            <summary>\u00bfC\u00f3mo puedo ser parte de NYPA?<span>+<\/span><\/summary>\n            <p>Solicita informaci\u00f3n sobre los aportes, modalidades, beneficios y condiciones vigentes antes de vincularte. La participaci\u00f3n debe formalizarse seg\u00fan las reglas comunicadas por Casa Mangle.<\/p>\n          <\/details>\n          <details>\n            <summary>\u00bfD\u00f3nde compro productos o contrato servicios?<span>+<\/span><\/summary>\n            <p>Accede a la tienda oficial desde los enlaces de esta p\u00e1gina. Revisa los detalles y completa el proceso de compra mediante el checkout de WooCommerce y los medios de pago habilitados.<\/p>\n          <\/details>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- CTA FINAL -->\n    <section class=\"cmg2-join\" id=\"cmg2-join\">\n      <div class=\"cmg2-join-image\" aria-hidden=\"true\"><\/div>\n      <div class=\"cmg2-join-grid\" aria-hidden=\"true\"><\/div>\n      <div class=\"cmg2-container cmg2-join-content\" data-cmg2-reveal>\n        <span class=\"cmg2-section-code\">08 \u2014 TU TURNO<\/span>\n        <h2>HAY M\u00c1S MUNDO<br>DEL QUE CABE EN<br><em>LA RUTINA.<\/em><\/h2>\n        <p>Encuentra tu experiencia, descubre nuevos talentos y s\u00e9 parte de una fuerza que impulsa a otras.<\/p>\n        <div class=\"cmg2-hero-actions\">\n          <a href=\"\/shop\/\" data-cmg2-link=\"shop\" class=\"cmg2-button cmg2-button-lime\">DESCUBRIR LA TIENDA <span>\u2197<\/span><\/a>\n          <a href=\"#cmg2-contact\" class=\"cmg2-button cmg2-button-ghost\" data-cmg2-whatsapp data-cmg2-message=\"Hola, he visitado la web de Casa Mangle y quisiera recibir informaci\u00f3n sobre sus sedes, experiencias y comunidad NYPA. \u00bfPodr\u00edan orientarme? Gracias.\">HABLEMOS <span>\u2197<\/span><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"cmg2-join-stamp\" aria-hidden=\"true\">STAY<br>CURIOUS<br><b>\u2733<\/b><\/div>\n    <\/section>\n\n  <\/main>\n\n  <footer class=\"cmg2-footer\" id=\"cmg2-contact\">\n    <div class=\"cmg2-container cmg2-footer-main\">\n      <a class=\"cmg2-logo\" href=\"#cmg2-home\">\n        <span class=\"cmg2-logo-mark\">M<span>\u2022<\/span><\/span>\n        <span class=\"cmg2-logo-text\">CASA <b>MANGLE<\/b><small>UNA FUERZA QUE DA FUERZA.<\/small><\/span>\n      <\/a>\n      <p>Personas. Territorios. Ideas en movimiento.<\/p>\n      <div class=\"cmg2-footer-links\">\n        <a href=\"#cmg2-territorios\">Territorios<\/a>\n        <a href=\"#cmg2-nypa\">NYPA<\/a>\n        <a href=\"\/shop\/\" data-cmg2-link=\"shop\">Tienda<\/a>\n        <a href=\"#cmg2-preguntas\">Preguntas<\/a>\n        <a href=\"#cmg2-contact\" data-cmg2-whatsapp data-cmg2-message=\"Hola, vengo desde la web de Casa Mangle y quiero m\u00e1s informaci\u00f3n.\">Contacto<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"cmg2-container cmg2-footer-bottom\">\n      <span>\u00a9 <span data-cmg2-year><\/span> CASA MANGLE<\/span>\n      <span>UNA RED VIVA \/ COLOMBIA<\/span>\n      <a href=\"#cmg2-home\">VOLVER ARRIBA \u2191<\/a>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<\/script>\n\n<div id=\"cmg2\" class=\"cmg2\">\n\n  <header class=\"cmg2-header\">\n    <a href=\"#cmg2-home\" class=\"cmg2-logo\" aria-label=\"Casa Mangle, inicio\">\n      <span class=\"cmg2-logo-mark\">M<span>\u2022<\/span><\/span>\n      <span class=\"cmg2-logo-text\">CASA <b>MANGLE<\/b><small>COLOMBIA \/ EXPERIENCIAS VIVAS<\/small><\/span>\n    <\/a>\n\n    <button class=\"cmg2-menu-btn\" aria-expanded=\"false\" aria-controls=\"cmg2-nav\" aria-label=\"Abrir navegaci\u00f3n\" type=\"button\">\n      <span><\/span><span><\/span>\n    <\/button>\n\n    <nav id=\"cmg2-nav\" class=\"cmg2-nav\" aria-label=\"Navegaci\u00f3n principal\">\n      <a href=\"#cmg2-territorios\">Territorios<\/a>\n      <a href=\"#cmg2-experiencias\">Experiencias<\/a>\n      <a href=\"#cmg2-nypa\">NYPA<\/a>\n      <a href=\"#cmg2-universo\">Universo Mangle<\/a>\n      <a href=\"\/shop\/\" class=\"cmg2-nav-cta\" data-cmg2-link=\"shop\">Explorar tienda <span>\u2197<\/span><\/a>\n    <\/nav>\n  <\/header>\n\n  <main>\n\n    <!-- HERO -->\n    <section class=\"cmg2-hero\" id=\"cmg2-home\">\n      <div class=\"cmg2-hero-photo\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500375592092-40eb2168fd21?auto=format&amp;fit=crop&amp;w=2400&amp;q=90\" alt=\"Olas del oc\u00e9ano Pac\u00edfico colombiano\" fetchpriority=\"high\">\n      <\/div>\n      <div class=\"cmg2-hero-grid\"><\/div>\n      <div class=\"cmg2-hero-vignette\"><\/div>\n      <div class=\"cmg2-hero-glow\"><\/div>\n\n      <div class=\"cmg2-container cmg2-hero-inner\">\n        <div class=\"cmg2-hero-copy\">\n          <div class=\"cmg2-kicker\">\n            <span class=\"cmg2-live-dot\"><\/span>\n            CULTURA INDEPENDIENTE \u00b7 NATURALEZA \u00b7 CONEXI\u00d3N\n          <\/div>\n\n          <h1>\n            SAL DE LA RUTINA.\n            <span>ENTRA EN<\/span>\n            <em>OTRO MUNDO.<\/em>\n          <\/h1>\n\n          <p class=\"cmg2-hero-description\">\n            Tres territorios. Miles de historias posibles. Descubre Casa Mangle:\n            una comunidad donde la aventura del Pac\u00edfico, la energ\u00eda cultural\n            de Cali y la calma de la monta\u00f1a se encuentran para crear algo distinto.\n          <\/p>\n\n          <div class=\"cmg2-hero-actions\">\n            <a class=\"cmg2-button cmg2-button-lime\" href=\"#cmg2-territorios\">\n              EXPLORAR CASA MANGLE <span>\u2198<\/span>\n            <\/a>\n            <a class=\"cmg2-button cmg2-button-ghost\" href=\"#cmg2-nypa\">\n              CONOCER NYPA <span>\u2197<\/span>\n            <\/a>\n          <\/div>\n\n          <div class=\"cmg2-hero-bottom\">\n            <div class=\"cmg2-hero-locations\">\n              <span>01 \/ CALI<\/span>\n              <i><\/i>\n              <span>02 \/ MONTA\u00d1A<\/span>\n              <i><\/i>\n              <span>03 \/ PAC\u00cdFICO<\/span>\n            <\/div>\n            <span class=\"cmg2-scroll-label\">DESLIZA PARA DESCUBRIR <b>\u2193<\/b><\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"cmg2-hero-orbit\" aria-hidden=\"true\">\n          <div class=\"cmg2-orbit-ring cmg2-orbit-ring-one\"><\/div>\n          <div class=\"cmg2-orbit-ring cmg2-orbit-ring-two\"><\/div>\n          <div class=\"cmg2-orbit-core\"><span>M<\/span><\/div>\n          <span class=\"cmg2-orbit-label\">UNA FUERZA<br>QUE DA FUERZA<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cmg2-hero-index\" aria-hidden=\"true\">CM \/ 001<\/div>\n    <\/section>\n\n    <!-- TICKER -->\n    <div class=\"cmg2-ticker\" aria-label=\"El esp\u00edritu de Casa Mangle\">\n      <div class=\"cmg2-ticker-track\">\n        <span>AVENTURA CON SENTIDO<\/span><i>\u2733<\/i>\n        <span>CULTURA QUE CONECTA<\/span><i>\u2733<\/i>\n        <span>FUERZAS QUE SE ENCUENTRAN<\/span><i>\u2733<\/i>\n        <span>NATURALEZA VIVA<\/span><i>\u2733<\/i>\n        <span>AVENTURA CON SENTIDO<\/span><i>\u2733<\/i>\n        <span>CULTURA QUE CONECTA<\/span><i>\u2733<\/i>\n        <span>FUERZAS QUE SE ENCUENTRAN<\/span><i>\u2733<\/i>\n        <span>NATURALEZA VIVA<\/span><i>\u2733<\/i>\n      <\/div>\n    <\/div>\n\n    <!-- MANIFIESTO -->\n    <section class=\"cmg2-manifesto cmg2-section\" id=\"cmg2-filosofia\">\n      <div class=\"cmg2-container cmg2-manifesto-grid\">\n        <div class=\"cmg2-manifesto-label\" data-cmg2-reveal=\"\">\n          <span class=\"cmg2-section-code\">01 \u2014 NUESTRA FILOSOF\u00cdA<\/span>\n          <div class=\"cmg2-crosshair\" aria-hidden=\"true\">+<\/div>\n        <\/div>\n\n        <div class=\"cmg2-manifesto-content\" data-cmg2-reveal=\"\">\n          <h2>\n            UNA FUERZA QUE DA FUERZA A OTRA FUERZA\n            <em>PARA SER UNA GRAN FUERZA.<\/em>\n          <\/h2>\n\n          <p>\n            No creemos en crecer a solas. Creemos en compartir lo que sabemos,\n            abrir espacios, conectar talentos y hacer circular las oportunidades.\n            Casa Mangle es una cultura libre de ego\u00edsmos: personas que se impulsan\n            entre s\u00ed para crear experiencias, proyectos y posibilidades reales.\n          <\/p>\n\n          <a href=\"#cmg2-nypa\" class=\"cmg2-inline-link\">\n            ESTO ES M\u00c1S QUE UN LUGAR. ES UNA RED VIVA <span>\u2197<\/span>\n          <\/a>\n        <\/div>\n\n        <div class=\"cmg2-manifesto-visual\" aria-hidden=\"true\">\n          <div class=\"cmg2-manifesto-circle\"><\/div>\n          <div class=\"cmg2-manifesto-symbol\">M<span>+<\/span><\/div>\n          <div class=\"cmg2-manifesto-coordinates\">3 TERRITORIOS \/ 1 PROP\u00d3SITO<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- TERRITORIOS -->\n    <section class=\"cmg2-territories cmg2-section\" id=\"cmg2-territorios\">\n      <div class=\"cmg2-container\">\n        <div class=\"cmg2-heading-row\" data-cmg2-reveal=\"\">\n          <div>\n            <span class=\"cmg2-section-code\">02 \u2014 LOS TERRITORIOS<\/span>\n            <h2>UN MISMO ESP\u00cdRITU.<br><em>TRES UNIVERSOS.<\/em><\/h2>\n          <\/div>\n          <p>\n            Elige tu pr\u00f3xima aventura: sum\u00e9rgete en el Pac\u00edfico, encuentra\n            tu pausa entre monta\u00f1as o vive la cultura desde adentro.\n          <\/p>\n        <\/div>\n\n        <div class=\"cmg2-territory-grid\">\n\n          <!-- PAC\u00cdFICO -->\n          <article class=\"cmg2-territory cmg2-territory-pacific\" data-cmg2-reveal=\"\">\n            <img src=\"https:\/\/images.unsplash.com\/photo-1518837695005-2083093ee35b?auto=format&amp;fit=crop&amp;w=1400&amp;q=85\" alt=\"Mar abierto y olas del Pac\u00edfico\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"cmg2-territory-vignette\"><\/div>\n            <div class=\"cmg2-territory-meta\">\n              <span>03.48\u00b0 N \/ 77.02\u00b0 W<\/span>\n              <span class=\"cmg2-territory-chip\">NATURALEZA SALVAJE<\/span>\n            <\/div>\n            <div class=\"cmg2-territory-content\">\n              <span class=\"cmg2-territory-number\">01 \/ BUENAVENTURA<\/span>\n              <h3>EL PAC\u00cdFICO<br><em>TE LLAMA.<\/em><\/h3>\n              <p>\n                Manglares, oc\u00e9ano, gastronom\u00eda ancestral y aventura.\n                Vive la esencia del litoral colombiano entre el mar,\n                la cultura y la naturaleza.\n              <\/p>\n              <div class=\"cmg2-card-tags\">\n                <span>AVISTAMIENTO DE BALLENAS<\/span>\n                <span>ALOJAMIENTO<\/span>\n                <span>GASTRONOM\u00cdA<\/span>\n              <\/div>\n              <a href=\"\/shop\/\" data-cmg2-link=\"tourism\" class=\"cmg2-circle-link\" aria-label=\"Explorar experiencias del Pac\u00edfico\">\n                <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/article>\n\n          <!-- MONTA\u00d1A -->\n          <article class=\"cmg2-territory cmg2-territory-mountain\" data-cmg2-reveal=\"\">\n            <img src=\"https:\/\/images.unsplash.com\/photo-1470770841072-f978cf4d019e?auto=format&amp;fit=crop&amp;w=1200&amp;q=85\" alt=\"Paisaje de monta\u00f1a rodeado de naturaleza\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"cmg2-territory-vignette\"><\/div>\n            <div class=\"cmg2-territory-meta\">\n              <span>VALLE DEL CAUCA<\/span>\n              <span class=\"cmg2-territory-chip\">PAUSA \/ MOVIMIENTO<\/span>\n            <\/div>\n            <div class=\"cmg2-territory-content\">\n              <span class=\"cmg2-territory-number\">02 \/ LA MONTA\u00d1A<\/span>\n              <h3>VUELVE A<br><em>SENTIR.<\/em><\/h3>\n              <p>\n                Camina hacia las cascadas, comparte junto al r\u00edo y encuentra\n                un espacio para respirar, meditar y reconectar.\n              <\/p>\n              <div class=\"cmg2-card-tags\">\n                <span>TREKKING<\/span>\n                <span>YOGA<\/span>\n                <span>R\u00cdO<\/span>\n              <\/div>\n              <a href=\"\/shop\/\" data-cmg2-link=\"tourism\" class=\"cmg2-circle-link\" aria-label=\"Explorar experiencias de monta\u00f1a\">\n                <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/article>\n\n          <!-- CALI -->\n          <article class=\"cmg2-territory cmg2-territory-cali\" data-cmg2-reveal=\"\">\n            <img src=\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&amp;fit=crop&amp;w=1200&amp;q=85\" alt=\"Encuentro cultural y art\u00edstico en vivo\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"cmg2-territory-vignette\"><\/div>\n            <div class=\"cmg2-territory-meta\">\n              <span>CALI \/ COLOMBIA<\/span>\n              <span class=\"cmg2-territory-chip\">CULTURA EN MOVIMIENTO<\/span>\n            <\/div>\n            <div class=\"cmg2-territory-content\">\n              <span class=\"cmg2-territory-number\">03 \/ LA CIUDAD<\/span>\n              <h3>DONDE LAS IDEAS<br><em>HACEN RUIDO.<\/em><\/h3>\n              <p>\n                M\u00fasica, arte, producci\u00f3n, encuentros y proyectos independientes.\n                Un espacio para crear, mostrar, aprender y conectar.\n              <\/p>\n              <div class=\"cmg2-card-tags\">\n                <span>ESTUDIO<\/span>\n                <span>EVENTOS<\/span>\n                <span>ARTE<\/span>\n              <\/div>\n              <a href=\"\/shop\/\" data-cmg2-link=\"events\" class=\"cmg2-circle-link\" aria-label=\"Explorar cultura y eventos\">\n                <span>\u2197<\/span>\n              <\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n\n        <p class=\"cmg2-image-disclaimer\">\n          Fotograf\u00edas ilustrativas. Las actividades, ubicaciones espec\u00edficas\n          y disponibilidad se confirman en cada ficha de servicio.\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <!-- EXPERIENCIAS -->\n    <section class=\"cmg2-experiences cmg2-section\" id=\"cmg2-experiencias\">\n      <div class=\"cmg2-container\">\n        <div class=\"cmg2-heading-row\" data-cmg2-reveal=\"\">\n          <div>\n            <span class=\"cmg2-section-code\">03 \u2014 HAZ QUE SUCEDA<\/span>\n            <h2>NO SOLO LO VISITES.<br><em>V\u00cdVELO.<\/em><\/h2>\n          <\/div>\n          <p>\n            Aventura, cultura y creaci\u00f3n en un mismo universo.\n            Escoge el plan, servicio o producto que conecta contigo.\n          <\/p>\n        <\/div>\n\n        <div class=\"cmg2-experience-grid\">\n          <a class=\"cmg2-experience-card\" href=\"\/shop\/\" data-cmg2-link=\"tourism\" data-cmg2-reveal=\"\">\n            <div class=\"cmg2-experience-number\">EXP \/ 01<\/div>\n            <div class=\"cmg2-experience-icon\">\u2301<\/div>\n            <span class=\"cmg2-experience-type\">NATURALEZA &amp; AVENTURA<\/span>\n            <h3>Explora lo extraordinario.<\/h3>\n            <p>\n              Hospedaje, caminatas, r\u00edo, mar, gastronom\u00eda y experiencias\n              de conexi\u00f3n con el territorio.\n            <\/p>\n            <div class=\"cmg2-experience-footer\"><span>DESCUBRIR PLANES<\/span><b>\u2197<\/b><\/div>\n          <\/a>\n\n          <a class=\"cmg2-experience-card\" href=\"\/shop\/\" data-cmg2-link=\"production\" data-cmg2-reveal=\"\">\n            <div class=\"cmg2-experience-number\">EXP \/ 02<\/div>\n            <div class=\"cmg2-experience-icon\">\u25c9<\/div>\n            <span class=\"cmg2-experience-type\">SONIDO, IMAGEN &amp; ARTE<\/span>\n            <h3>Convierte ideas en obra.<\/h3>\n            <p>\n              Producci\u00f3n audiovisual y musical, postproducci\u00f3n, asesor\u00edas,\n              representaci\u00f3n y servicios creativos.\n            <\/p>\n            <div class=\"cmg2-experience-footer\"><span>EXPLORAR SERVICIOS<\/span><b>\u2197<\/b><\/div>\n          <\/a>\n\n          <a class=\"cmg2-experience-card\" href=\"\/shop\/\" data-cmg2-link=\"events\" data-cmg2-reveal=\"\">\n            <div class=\"cmg2-experience-number\">EXP \/ 03<\/div>\n            <div class=\"cmg2-experience-icon\">\u2733<\/div>\n            <span class=\"cmg2-experience-type\">EVENTOS &amp; ENCUENTROS<\/span>\n            <h3>Crea algo que re\u00fana.<\/h3>\n            <p>\n              Conciertos, festivales, ferias, exhibiciones, encuentros culturales,\n              espacios y alquiler de sonido seg\u00fan disponibilidad.\n            <\/p>\n            <div class=\"cmg2-experience-footer\"><span>VER POSIBILIDADES<\/span><b>\u2197<\/b><\/div>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- NYPA -->\n    <section class=\"cmg2-nypa cmg2-section\" id=\"cmg2-nypa\">\n      <div class=\"cmg2-nypa-bg\" aria-hidden=\"true\"><\/div>\n      <div class=\"cmg2-container cmg2-nypa-layout\">\n        <div class=\"cmg2-nypa-main\" data-cmg2-reveal=\"\">\n          <span class=\"cmg2-section-code\">04 \u2014 LA RED<\/span>\n          <div class=\"cmg2-nypa-word\">N<span>Y<\/span>PA<span class=\"cmg2-nypa-period\">.<\/span><\/div>\n          <h2>NO CAMINES<br><em>EN SOLITARIO.<\/em><\/h2>\n          <p>\n            Una red de personas que aportan, comparten y crean oportunidades.\n            Vincularte como NYPA significa ser parte de una comunidad que busca\n            que las ideas de una persona puedan impulsar a muchas m\u00e1s.\n          <\/p>\n          <a class=\"cmg2-button cmg2-button-lime\" href=\"#cmg2-join\">\n            DESCUBRIR C\u00d3MO VINCULARTE <span>\u2198<\/span>\n          <\/a>\n        <\/div>\n\n        <div class=\"cmg2-nypa-benefits\">\n          <article class=\"cmg2-benefit\" data-cmg2-reveal=\"\">\n            <span class=\"cmg2-benefit-index\">01<\/span>\n            <div><h3>RED DE APOYO<\/h3><p>Conecta con personas, conocimientos, proyectos y posibles aliados.<\/p><\/div>\n            <span class=\"cmg2-benefit-symbol\">\u2197<\/span>\n          <\/article>\n          <article class=\"cmg2-benefit\" data-cmg2-reveal=\"\">\n            <span class=\"cmg2-benefit-index\">02<\/span>\n            <div><h3>BENEFICIOS<\/h3><p>Accede a descuentos y prioridad conforme a las condiciones vigentes.<\/p><\/div>\n            <span class=\"cmg2-benefit-symbol\">\u2733<\/span>\n          <\/article>\n          <article class=\"cmg2-benefit\" data-cmg2-reveal=\"\">\n            <span class=\"cmg2-benefit-index\">03<\/span>\n            <div><h3>VITRINA PARA TUS IDEAS<\/h3><p>Conecta tus productos, servicios o proyectos con nuevas audiencias.<\/p><\/div>\n            <span class=\"cmg2-benefit-symbol\">\u25ce<\/span>\n          <\/article>\n          <article class=\"cmg2-benefit\" data-cmg2-reveal=\"\">\n            <span class=\"cmg2-benefit-index\">04<\/span>\n            <div><h3>CRECIMIENTO COLECTIVO<\/h3><p>Comparte oportunidades y contribuye al crecimiento de la comunidad.<\/p><\/div>\n            <span class=\"cmg2-benefit-symbol\">\u2301<\/span>\n          <\/article>\n        <\/div>\n      <\/div>\n      <div class=\"cmg2-nypa-watermark\" aria-hidden=\"true\">NYPA<\/div>\n    <\/section>\n\n    <!-- UNIVERSO COMERCIAL -->\n    <section class=\"cmg2-universe cmg2-section\" id=\"cmg2-universo\">\n      <div class=\"cmg2-container\">\n        <div class=\"cmg2-heading-row\" data-cmg2-reveal=\"\">\n          <div>\n            <span class=\"cmg2-section-code\">05 \u2014 UNIVERSO MANGLE<\/span>\n            <h2>DESCUBRE LO QUE<br><em>SE MUEVE AQU\u00cd.<\/em><\/h2>\n          <\/div>\n          <p>\n            Una comunidad creativa tambi\u00e9n necesita espacios para intercambiar,\n            comprar, contratar servicios y hacer crecer los proyectos.\n          <\/p>\n        <\/div>\n\n        <div class=\"cmg2-universe-grid\">\n          <article class=\"cmg2-universe-feature\" data-cmg2-reveal=\"\">\n            <img src=\"https:\/\/images.unsplash.com\/photo-1598488035139-bdbb2231ce04?auto=format&amp;fit=crop&amp;w=1300&amp;q=85\" alt=\"Estudio de grabaci\u00f3n y producci\u00f3n musical\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"cmg2-universe-overlay\"><\/div>\n            <div class=\"cmg2-universe-content\">\n              <span>CREACI\u00d3N \/ PRODUCCI\u00d3N<\/span>\n              <h3>Del concepto<br>al resultado.<\/h3>\n              <p>Producci\u00f3n musical, audiovisual y servicios para proyectos creativos.<\/p>\n              <a href=\"\/shop\/\" data-cmg2-link=\"production\" class=\"cmg2-text-button\">EXPLORAR SERVICIOS \u2197<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"cmg2-universe-card\" data-cmg2-reveal=\"\">\n            <div class=\"cmg2-universe-card-art cmg2-art-emerald\">\n              <img src=\"https:\/\/images.unsplash.com\/photo-1611652022419-a9419f74343d?auto=format&amp;fit=crop&amp;w=800&amp;q=85\" alt=\"Joyer\u00eda y accesorios\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"cmg2-art-index\">OBJECTS \/ 001<\/span>\n            <\/div>\n            <div class=\"cmg2-universe-card-body\">\n              <span>OBJETOS CON IDENTIDAD<\/span>\n              <h3>Joyer\u00eda y esmeraldas.<\/h3>\n              <p>Descubre piezas, anillos, pulseras y aretes disponibles en el cat\u00e1logo oficial.<\/p>\n              <a href=\"\/shop\/\" data-cmg2-link=\"jewelry\" class=\"cmg2-inline-link\">VER COLECCI\u00d3N <span>\u2197<\/span><\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"cmg2-universe-card\" data-cmg2-reveal=\"\">\n            <div class=\"cmg2-universe-card-art cmg2-art-events\">\n              <img src=\"https:\/\/images.unsplash.com\/photo-1506157786151-b8491531f063?auto=format&amp;fit=crop&amp;w=800&amp;q=85\" alt=\"Concierto en vivo con luces de escenario\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"cmg2-art-index\">CULTURE \/ 002<\/span>\n            <\/div>\n            <div class=\"cmg2-universe-card-body\">\n              <span>EXPERIENCIAS COMPARTIDAS<\/span>\n              <h3>Eventos y festivales.<\/h3>\n              <p>Explora opciones de espacios, sonido, producci\u00f3n y encuentros culturales.<\/p>\n              <a href=\"\/shop\/\" data-cmg2-link=\"events\" class=\"cmg2-inline-link\">VER OPCIONES <span>\u2197<\/span><\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- COMPRA SEGURA \/ CHECKOUT -->\n    <section class=\"cmg2-checkout\">\n      <div class=\"cmg2-container cmg2-checkout-inner\" data-cmg2-reveal=\"\">\n        <div class=\"cmg2-checkout-mark\" aria-hidden=\"true\"><span>CM<\/span><i>\u2197<\/i><\/div>\n        <div class=\"cmg2-checkout-copy\">\n          <span class=\"cmg2-section-code\">06 \u2014 EL CANAL OFICIAL<\/span>\n          <h2>TU PR\u00d3XIMA EXPERIENCIA<br><em>EMPIEZA AQU\u00cd.<\/em><\/h2>\n          <p>\n            Consulta la informaci\u00f3n, revisa las condiciones y completa tus\n            compras y reservas a trav\u00e9s de la tienda oficial de Casa Mangle.\n            As\u00ed, cada pedido puede quedar registrado en el sistema.\n          <\/p>\n        <\/div>\n        <div class=\"cmg2-checkout-action\">\n          <a href=\"\/shop\/\" data-cmg2-link=\"shop\" class=\"cmg2-button cmg2-button-lime\">ENTRAR A LA TIENDA <span>\u2197<\/span><\/a>\n          <small>Las condiciones, la disponibilidad y los m\u00e9todos de pago se muestran seg\u00fan cada producto o servicio.<\/small>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PREGUNTAS -->\n    <section class=\"cmg2-faq cmg2-section\" id=\"cmg2-preguntas\">\n      <div class=\"cmg2-container cmg2-faq-grid\">\n        <div data-cmg2-reveal=\"\">\n          <span class=\"cmg2-section-code\">07 \u2014 PREGUNTAS FRECUENTES<\/span>\n          <h2>ANTES DE<br><em>EMPRENDER EL VIAJE.<\/em><\/h2>\n          <p>Todo comienza con una pregunta. Aqu\u00ed tienes algunas respuestas para dar el primer paso.<\/p>\n        <\/div>\n\n        <div class=\"cmg2-faq-list\" data-cmg2-reveal=\"\">\n          <details>\n            <summary>\u00bfQu\u00e9 es Casa Mangle?<span>+<\/span><\/summary>\n            <p>Casa Mangle es una comunidad que conecta cultura, creaci\u00f3n, naturaleza, turismo, servicios y personas alrededor de una filosof\u00eda de colaboraci\u00f3n y apoyo mutuo.<\/p>\n          <\/details>\n          <details>\n            <summary>\u00bfQu\u00e9 puedo hacer en sus sedes?<span>+<\/span><\/summary>\n            <p>En Cali puedes explorar propuestas culturales, creativas y de producci\u00f3n; en La Monta\u00f1a, experiencias de naturaleza y bienestar; y en el Pac\u00edfico, alojamiento, gastronom\u00eda y actividades marinas. Consulta la ficha de cada servicio para confirmar disponibilidad y condiciones.<\/p>\n          <\/details>\n          <details>\n            <summary>\u00bfC\u00f3mo puedo ser parte de NYPA?<span>+<\/span><\/summary>\n            <p>Solicita informaci\u00f3n sobre los aportes, modalidades, beneficios y condiciones vigentes antes de vincularte. La participaci\u00f3n debe formalizarse seg\u00fan las reglas comunicadas por Casa Mangle.<\/p>\n          <\/details>\n          <details>\n            <summary>\u00bfD\u00f3nde compro productos o contrato servicios?<span>+<\/span><\/summary>\n            <p>Accede a la tienda oficial desde los enlaces de esta p\u00e1gina. Revisa los detalles y completa el proceso de compra mediante el checkout de WooCommerce y los medios de pago habilitados.<\/p>\n          <\/details>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- CTA FINAL -->\n    <section class=\"cmg2-join\" id=\"cmg2-join\">\n      <div class=\"cmg2-join-image\" aria-hidden=\"true\"><\/div>\n      <div class=\"cmg2-join-grid\" aria-hidden=\"true\"><\/div>\n      <div class=\"cmg2-container cmg2-join-content\" data-cmg2-reveal=\"\">\n        <span class=\"cmg2-section-code\">08 \u2014 TU TURNO<\/span>\n        <h2>HAY M\u00c1S MUNDO<br>DEL QUE CABE EN<br><em>LA RUTINA.<\/em><\/h2>\n        <p>Encuentra tu experiencia, descubre nuevos talentos y s\u00e9 parte de una fuerza que impulsa a otras.<\/p>\n        <div class=\"cmg2-hero-actions\">\n          <a href=\"\/shop\/\" data-cmg2-link=\"shop\" class=\"cmg2-button cmg2-button-lime\">DESCUBRIR LA TIENDA <span>\u2197<\/span><\/a>\n          <a href=\"#cmg2-contact\" class=\"cmg2-button cmg2-button-ghost\" data-cmg2-whatsapp=\"\" data-cmg2-message=\"Hola, he visitado la web de Casa Mangle y quisiera recibir informaci\u00f3n sobre sus sedes, experiencias y comunidad NYPA. \u00bfPodr\u00edan orientarme? Gracias.\">HABLEMOS <span>\u2197<\/span><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"cmg2-join-stamp\" aria-hidden=\"true\">STAY<br>CURIOUS<br><b>\u2733<\/b><\/div>\n    <\/section>\n\n  <\/main>\n\n  <footer class=\"cmg2-footer\" id=\"cmg2-contact\">\n    <div class=\"cmg2-container cmg2-footer-main\">\n      <a class=\"cmg2-logo\" href=\"#cmg2-home\">\n        <span class=\"cmg2-logo-mark\">M<span>\u2022<\/span><\/span>\n        <span class=\"cmg2-logo-text\">CASA <b>MANGLE<\/b><small>UNA FUERZA QUE DA FUERZA.<\/small><\/span>\n      <\/a>\n      <p>Personas. Territorios. Ideas en movimiento.<\/p>\n      <div class=\"cmg2-footer-links\">\n        <a href=\"#cmg2-territorios\">Territorios<\/a>\n        <a href=\"#cmg2-nypa\">NYPA<\/a>\n        <a href=\"\/shop\/\" data-cmg2-link=\"shop\">Tienda<\/a>\n        <a href=\"#cmg2-preguntas\">Preguntas<\/a>\n        <a href=\"#cmg2-contact\" data-cmg2-whatsapp=\"\" data-cmg2-message=\"Hola, vengo desde la web de Casa Mangle y quiero m\u00e1s informaci\u00f3n.\">Contacto<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"cmg2-container cmg2-footer-bottom\">\n      <span>\u00a9 <span data-cmg2-year=\"\"><\/span> CASA MANGLE<\/span>\n      <span>UNA RED VIVA \/ COLOMBIA<\/span>\n      <a href=\"#cmg2-home\">VOLVER ARRIBA \u2191<\/a>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi\u00f1a coladas. (And gettin&#8217; caught in the rain.)<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">&#8230;or something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">As a new WordPress user, you should go to <a href=\"https:\/\/casamangle.justmusicoldschool.com.co\/wp-admin\/\">your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u2022 CASA MANGLECOLOMBIA \/ EXPERIENCIAS VIVAS Territorios Experiencias NYPA Universo Mangle Explorar tienda \u2197 CULTURA INDEPENDIENTE \u00b7 NATURALEZA \u00b7 CONEXI\u00d3N SAL DE LA RUTINA. ENTRA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}