{"id":73,"date":"2026-10-19T00:19:37","date_gmt":"2026-10-19T05:19:37","guid":{"rendered":"https:\/\/casamangle.justmusicoldschool.com.co\/?page_id=73"},"modified":"2026-10-19T00:20:44","modified_gmt":"2026-10-19T05:20:44","slug":"inicio","status":"publish","type":"page","link":"https:\/\/casamangle.justmusicoldschool.com.co\/?page_id=73","title":{"rendered":"inicio"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\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<\/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\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 &#038; 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 &#038; 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 &#038; 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","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-73","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/pages\/73","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=73"}],"version-history":[{"count":2,"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/casamangle.justmusicoldschool.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}