{"id":22241,"date":"2026-03-09T09:30:03","date_gmt":"2026-03-09T15:30:03","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=22241"},"modified":"2026-08-18T10:20:54","modified_gmt":"2026-08-18T16:20:54","slug":"urbanista-departamentos-en-renta-en-ciudad-de-mexico","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/","title":{"rendered":"Urbanista – Departamentos en renta en Ciudad de M\u00e9xico"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Urbanista \u2014 Departamentos en Renta en CDMX sin Aval<\/title>\r\n <meta name=\"description\"\r\n content=\"Departamentos y studios en renta en CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"https:\/\/urbanista.mx\/\">\r\n <meta property=\"og:title\" content=\"Urbanista \u2014 Departamentos en Renta en CDMX sin Aval\">\r\n <meta property=\"og:description\"\r\n content=\"Departamentos y studios en renta en CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h.\">\r\n <meta property=\"og:image\"\r\n content=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\">\r\n <meta property=\"og:site_name\" content=\"Urbanista\">\r\n <meta property=\"og:locale\" content=\"es_MX\">\r\n <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n <meta name=\"twitter:title\" content=\"Urbanista \u2014 Departamentos en Renta en CDMX sin Aval\">\r\n <meta name=\"twitter:description\"\r\n content=\"Departamentos y studios en renta en CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h.\">\r\n <meta name=\"twitter:image\"\r\n content=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --navy: #004e64;\r\n --navy-light: #006580;\r\n --navy-dark: #003a4a;\r\n --white: #ffffff;\r\n --off-white: #f7f9fa;\r\n --light-blue: #e8f4f8;\r\n --terra: #00b4d8; \r\n --terra-light: #48cae4;\r\n --terra-glow: rgba(0, 180, 216, .25);\r\n --sage: #7a8b6f;\r\n --sage-light: #a3b396;\r\n --sand: #c9bfae;\r\n --charcoal: #2a2a2a;\r\n --text-primary: #1a1a1a;\r\n --text-secondary: #5a5a5a;\r\n --text-light: #8a8a8a;\r\n --ease: cubic-bezier(.22, 1, .36, 1)\r\n }\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box }\r\n html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased }\r\n body {\r\n font-family: 'Outfit', sans-serif;\r\n font-weight: 400;\r\n color: var(--text-primary);\r\n background: var(--white);\r\n overflow-x: hidden\r\n }\r\n h1, h2, h3, h4 { font-family: 'Outfit', sans-serif; font-weight: 500 }\r\n img { max-width: 100%; display: block }\r\n a { text-decoration: none; color: inherit }\r\n button { cursor: pointer; border: none; background: none; font-family: inherit }\r\n nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 1000;\r\n padding: 16px 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);\r\n transition: background .4s var(--ease), padding .4s var(--ease), box-shadow .4s var(--ease)\r\n }\r\n nav.scrolled {\r\n background: var(--navy);\r\n padding: 10px 24px;\r\n box-shadow: 0 4px 20px rgba(0, 78, 100, .3)\r\n }\r\n .nav-logo { display: flex; align-items: center }\r\n .nav-logo-img {\r\n height: 40px !important;\r\n width: auto;\r\n filter: brightness(0) invert(1);\r\n transition: filter .4s, height .4s\r\n }\r\n nav.scrolled .nav-logo-img {\r\n height: 35px;\r\n filter: brightness(0) invert(1);\r\n }\r\n .nav-links { display: flex; gap: 28px; align-items: center; list-style: none }\r\n .nav-links a {\r\n font-size: 12px; font-weight: 500; letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.75);\r\n transition: color .3s; position: relative;\r\n text-shadow: 1px 1px 3px rgba(0,0,0,0.5);\r\n }\r\n nav.scrolled .nav-links a { color: rgba(255,255,255,.8) }\r\n .nav-links a:hover { color: var(--terra-light) }\r\n nav.scrolled .nav-links a:hover { color: var(--terra-light) }\r\n .nav-links a::after {\r\n content: ''; position: absolute; bottom: -4px; left: 0;\r\n width: 0; height: 1.5px; background: var(--terra);\r\n transition: width .4s var(--ease)\r\n }\r\n .nav-links a:hover::after { width: 100% }\r\n .nav-cta {\r\n background: var(--terra) !important;\r\n color: var(--white) !important;\r\n padding: 10px 24px !important;\r\n border-radius: 4px;\r\n font-weight: 600 !important;\r\n letter-spacing: 2px !important;\r\n transition: all .4s var(--ease) !important;\r\n text-shadow: none !important;\r\n }\r\n .nav-cta::after { display: none !important }\r\n .nav-cta:hover { background: var(--terra-light) !important; transform: translateY(-1px) !important }\r\n .nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; z-index: 1001 }\r\n .nav-toggle span {\r\n width: 22px; height: 1.5px;\r\n background: var(--white);\r\n transition: all .3s; display: block\r\n }\r\n .mobile-menu-overlay {\r\n display: none; position: fixed; inset: 0;\r\n background: var(--navy); z-index: 999;\r\n flex-direction: column; justify-content: center; align-items: center;\r\n gap: 28px; opacity: 0;\r\n transition: opacity .4s ease\r\n }\r\n .mobile-menu-overlay.open { display: flex; opacity: 1 }\r\n .mobile-menu-overlay a {\r\n font-family: 'Outfit', sans-serif; font-size: 32px;\r\n color: var(--white); letter-spacing: 3px;\r\n transition: color .3s\r\n }\r\n .mobile-menu-overlay a:hover { color: var(--terra) }\r\n .hero {\r\n width: 100%;\r\n min-height: 100vh;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--navy);\r\n }\r\n .hero-bg { position: absolute; inset: 0; z-index: 0 }\r\n .hero-bg picture { position: absolute; inset: 0; width: 100%; height: 100%; display: block }\r\n .hero-bg-img {\r\n position: absolute; inset: 0;\r\n width: 100%; height: 100%; object-fit: cover;\r\n }\r\n .hero-overlay {\r\n position: absolute; inset: 0; z-index: 1;\r\n background: linear-gradient(180deg, \r\n rgba(0, 20, 30, 0.45) 0%, \r\n rgba(0, 30, 45, 0.15) 35%,\r\n rgba(0, 20, 30, 0.3) 65%,\r\n rgba(0, 20, 30, 0.85) 100%\r\n );\r\n }\r\n .hero-main {\r\n position: relative;\r\n z-index: 2;\r\n flex: 0 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n justify-content: flex-start;\r\n padding: 120px 5% 0;\r\n max-width: 100%;\r\n }\r\n .hero-headline {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(28px, 3.5vw, 52px);\r\n font-weight: 800;\r\n line-height: 1.05;\r\n color: var(--white);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: heroFadeUp 1s .6s var(--ease) forwards;\r\n text-shadow: 2px 3px 12px rgba(0,0,0,0.5);\r\n }\r\n .hero-headline span { display: inline; }\r\n @keyframes heroFadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .hero-cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--terra);\r\n color: var(--white);\r\n padding: 14px 36px;\r\n border-radius: 6px;\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: all .4s var(--ease);\r\n width: fit-content;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: heroFadeUp .8s .9s var(--ease) forwards;\r\n box-shadow: 0 4px 24px rgba(0, 180, 216, .3);\r\n }\r\n .hero-cta-btn:hover {\r\n background: var(--terra-light);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 32px rgba(0, 180, 216, .4);\r\n }\r\n .hero-bottom-content {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 64px 24px;\r\n gap: 14px;\r\n margin-top: auto;\r\n opacity: 0;\r\n animation: heroFadeUp 1s 1.1s var(--ease) forwards;\r\n }\r\n .hero-stats-row {\r\n display: flex;\r\n gap: 16px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n .hero-stat-pill {\r\n background: rgba(255, 255, 255, .12);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, .18);\r\n border-radius: 100px;\r\n padding: 14px 32px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n transition: all .4s var(--ease);\r\n }\r\n .hero-stat-pill:hover {\r\n background: rgba(255, 255, 255, .2);\r\n transform: translateY(-2px);\r\n }\r\n .hero-stat-pill-num {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--white);\r\n line-height: 1;\r\n }\r\n .hero-stat-pill-label {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, .8);\r\n line-height: 1.3;\r\n }\r\n .hero-tagline {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 30px;\r\n font-style: italic;\r\n color: rgba(255, 255, 255, .7);\r\n text-shadow: 1px 1px 4px rgba(0,0,0,0.5);\r\n }\r\n .hero-form-bar {\r\n position: relative;\r\n z-index: 10;\r\n padding: 0 16px 24px;\r\n }\r\n .hero-form-bar-inner {\r\n width: 90%;\r\n max-width: 1800px;\r\n margin: 0 auto;\r\n padding: 0;\r\n position: relative;\r\n background: var(--white);\r\n border-radius: 12px;\r\n box-shadow: 0 16px 48px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .04);\r\n overflow: hidden;\r\n }\r\n .hero-form-bar-inner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--terra), var(--navy), var(--terra));\r\n }\r\n .hero-form-bar-inner .hs-form { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 0 !important }\r\n .hero-form-bar-inner .hs-form-field {\r\n flex: 1 !important;\r\n padding: 16px 20px !important;\r\n border-right: 1px solid rgba(0, 0, 0, .06) !important;\r\n position: relative !important\r\n }\r\n .hero-form-bar-inner .hs-form-field:last-of-type { border-right: none !important }\r\n .hero-form-bar-inner .hs-form-field>label {\r\n font-size: 10px !important; font-weight: 600 !important;\r\n letter-spacing: 2px !important; text-transform: uppercase !important;\r\n color: var(--terra) !important;\r\n margin-bottom: 4px !important;\r\n font-family: 'Outfit', sans-serif !important\r\n }\r\n .hero-form-bar-inner input, .hero-form-bar-inner select {\r\n width: 100% !important; border: none !important;\r\n padding: 4px 0 !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 14px !important;\r\n color: var(--text-primary) !important;\r\n background: transparent !important;\r\n outline: none !important\r\n }\r\n .hero-form-bar-inner input::placeholder { color: var(--text-light) !important }\r\n .hero-form-bar-inner select { color: var(--text-secondary) !important }\r\n .hero-form-bar-inner select option { color: var(--text-primary) !important; background: var(--white) !important }\r\n .hero-form-bar-inner .hs-button {\r\n background: var(--terra) !important;\r\n color: var(--white) !important;\r\n border: none !important;\r\n padding: 14px 28px !important;\r\n border-radius: 4px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 12px !important; font-weight: 600 !important;\r\n letter-spacing: 2px !important; text-transform: uppercase !important;\r\n cursor: pointer !important;\r\n transition: all .3s !important;\r\n white-space: nowrap !important\r\n }\r\n .hero-form-bar-inner .hs-button:hover { background: var(--terra-light) !important; transform: translateY(-1px) !important }\r\n .hero-form-bar-inner .hs_submit { display: flex !important; align-items: center !important }\r\n .hero-form-bar-inner .hs_submit .actions { display: flex !important; align-items: center !important; height: 100% !important; background-color: var(--terra); border-radius: 0 0 9px 0 }\r\n .hero-form-bar-inner .hs-phone,\r\n .hero-form-bar-inner .hs_phone .input,\r\n .hero-form-bar-inner .hs-fieldtype-intl-phone { display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: nowrap !important }\r\n .hero-form-bar-inner .hs-phone select.hs-input,\r\n .hero-form-bar-inner .hs-fieldtype-intl-phone select { flex: 0 0 auto !important; width: auto !important; min-width: 60px !important; max-width: 80px !important; font-size: 12px !important }\r\n .hero-form-bar-inner .hs-phone input.hs-input { flex: 1 1 auto !important; min-width: 80px !important }\r\n .hero-form-bar-inner .hs-error-msgs { \r\n position: absolute !important; \r\n bottom: -18px !important; left: 20px !important; right: 20px !important;\r\n list-style: none !important;\r\n font-size: 10px !important; \r\n color: #d32f2f !important;\r\n line-height: 1.2 !important;\r\n white-space: nowrap !important;\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n }\r\n .hero-form-bar-inner .hs-error-msgs li { display: inline !important }\r\n .hero-form-bar-inner .hs-error-msgs li label { font-size: 10px !important; color: #d32f2f !important; font-weight: 500 !important }\r\n .hero-form-bar-inner .hs-form-field { position: relative !important; padding-bottom: 20px !important; overflow: visible !important }\r\n .section { padding: 50px 16px; position: relative }\r\n .pretitle {\r\n font-size: 11px; font-weight: 600;\r\n letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--terra);\r\n display: inline-flex; align-items: center; gap: 12px\r\n }\r\n .pretitle::before { content: ''; width: 32px; height: 1px; background: var(--terra) }\r\n .section-title {\r\n font-size: clamp(28px, 4vw, 52px);\r\n line-height: 1.1; margin: 16px 0;\r\n max-width: 900px\r\n }\r\n .section-title em { font-style: italic; color: var(--terra) }\r\n .section-desc {\r\n font-size: 18px;\r\n color: var(--text-secondary);\r\n line-height: 1.5; max-width: 845px;\r\n text-align: center;\r\n }\r\n .porque-v2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n min-height: 100vh;\r\n width: 100%;\r\n background: var(--off-white);\r\n z-index: 5;\r\n position: relative;\r\n }\r\n .porque-v2-img { \r\n position: relative; \r\n overflow: hidden; \r\n min-height: 100%;\r\n }\r\n .porque-v2-img img {\r\n width: 100%; height: 100%; \r\n object-fit: cover;\r\n object-position: center;\r\n position: absolute; inset: 0;\r\n }\r\n .porque-v2-content {\r\n background: var(--off-white); display: flex; flex-direction: column; justify-content: center;\r\n align-items: center; text-align: center; padding: 120px 56px 60px;\r\n }\r\n .porque-v2-title {\r\n font-family: 'Outfit', sans-serif; font-size: clamp(28px, 3.5vw, 48px);\r\n font-weight: 900; color: var(--text-primary); line-height: 1.05;\r\n margin-bottom: 10px; text-transform: none;\r\n }\r\n .porque-v2-sub {\r\n font-family: 'Outfit', sans-serif; font-size: 17px;\r\n color: var(--text-secondary); line-height: 1.5; margin-bottom: 28px; max-width: 520px;\r\n }\r\n .pv2-table {\r\n width: 100%; border-collapse: separate; border-spacing: 0;\r\n border-radius: 14px; overflow: visible;\r\n margin-bottom: 40px; margin-top: 22px;\r\n position: relative;\r\n }\r\n .pv2-table thead th {\r\n font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 800;\r\n text-transform: uppercase; letter-spacing: 1.5px; padding: 14px 20px; text-align: left;\r\n }\r\n .pv2-table thead th:first-child {\r\n background: #8a3232; color: var(--white);\r\n text-align: center;\r\n border-radius: 10px 0 0 0;\r\n }\r\n .pv2-table tbody td:first-child {\r\n background: #f5e8e8; color: #5d1a1a;\r\n }\r\n .pv2-table tbody td:first-child .pv2-td-inner {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n .pv2-table tbody tr:last-child td:first-child {\r\n border-radius: 0 0 0 10px;\r\n }\r\n .pv2-table thead th:last-child {\r\n background: linear-gradient(135deg, #2bb755 0%, #1c7a36 100%);\r\n color: var(--white);\r\n font-size: 15px;\r\n letter-spacing: 2px;\r\n padding: 20px 26px;\r\n position: relative;\r\n border-radius: 14px 14px 0 0;\r\n box-shadow: 0 -8px 24px rgba(40, 173, 77, .28);\r\n text-align: center;\r\n\r\n }\r\n .pv2-table thead th:last-child::before {\r\n content: \"\u2605 RECOMENDADO\";\r\n position: absolute;\r\n top: -14px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #00b4d8;\r\n color: #fff;\r\n font-size: 10px;\r\n font-weight: 800;\r\n padding: 5px 14px;\r\n border-radius: 20px;\r\n letter-spacing: 1.5px;\r\n white-space: nowrap;\r\n box-shadow: 0 4px 12px rgba(0,0,0,.2);\r\n z-index: 10;\r\n }\r\n .pv2-table tbody td:last-child {\r\n background: linear-gradient(180deg, #eaf5ec 0%, #dcefe0 100%);\r\n color: #1a3a1a;\r\n padding: 20px 26px;\r\n font-weight: 500;\r\n box-shadow: inset 4px 0 0 #1c7a36;\r\n }\r\n .pv2-table tbody tr:last-child td:last-child {\r\n border-radius: 0 0 14px 14px;\r\n box-shadow:\r\n inset 4px 0 0 #1c7a36,\r\n 0 16px 40px rgba(40, 173, 77, .22);\r\n }\r\n .pv2-table tbody td {\r\n padding: 16px 20px; font-family: 'Outfit', sans-serif; font-size: 14px;\r\n line-height: 1.45; vertical-align: top; border-bottom: 1px solid rgba(0,0,0,.05);\r\n }\r\n .pv2-table tbody tr:last-child td { border-bottom: none; }\r\n .pv2-td-inner { display: flex; align-items: flex-start; gap: 10px; }\r\n .pv2-icon-bad, .pv2-icon-good {\r\n width: 22px; height: 22px; min-width: 22px; border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 11px; font-weight: 900; color: var(--white); margin-top: 1px;\r\n }\r\n .pv2-icon-bad { background: #b01b1b; }\r\n .pv2-icon-good { background: #1c7a36; }\r\n .pv2-pilar-name { font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }\r\n .porque-v2-tagline {\r\n font-family: 'Outfit', sans-serif; font-size: clamp(20px, 2.5vw, 30px);\r\n font-weight: 800; color: var(--text-primary); margin-bottom: 20px;\r\n }\r\n .porque-v2-tagline em { font-style: normal; color: var(--terra); }\r\n .porque-v2-cta {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: var(--terra);\r\n color: #fff; padding: 14px 32px;\r\n border-radius: 4px; font-family: 'Outfit', sans-serif; font-size: 14px;\r\n font-weight: 800; letter-spacing: 1px; text-transform: uppercase;\r\n text-decoration: none; transition: all .4s var(--ease); width: fit-content;\r\n }\r\n .porque-v2-cta:hover { background: var(--terra-light); transform: translateY(-2px); }\r\n .pilares-section {\r\n padding: 50px 0;\r\n background: var(--navy);\r\n position: relative;\r\n }\r\n .pilares-header { text-align: center; margin-bottom: 28px }\r\n .pilares-pretitle {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 14px; font-weight: 600;\r\n color: var(--terra-light);\r\n letter-spacing: 1px;\r\n margin-bottom: 8px\r\n }\r\n .pilares-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(28px, 3.5vw, 46px);\r\n line-height: 1.1;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n font-weight: 800;\r\n text-align: center;\r\n }\r\n .pilares-title em { color: var(--terra-light); }\r\n .pilares-desc {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 20px;\r\n color: rgba(255,255,255,.6);\r\n line-height: 1.6;\r\n max-width: 750px;\r\n margin: 0 auto\r\n }\r\n .pilares-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n max-width: 99vw;\r\n margin: 0 auto;\r\n padding: 0 12px\r\n }\r\n .pilar-card {\r\n position: relative;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n aspect-ratio: 16\/10;\r\n cursor: pointer;\r\n transition: transform .6s var(--ease), box-shadow .6s var(--ease)\r\n }\r\n .pilar-card:hover { transform: translateY(-8px); box-shadow: 0 24px 64px rgba(0, 0, 0, .25) }\r\n .pilar-card img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n transition: transform .8s var(--ease)\r\n }\r\n .pilar-card:hover img { transform: scale(1.06) }\r\n .pilar-card-badge {\r\n position: absolute; top: 16px; left: 16px;\r\n width: 36px; height: 36px;\r\n border-radius: 50%;\r\n background: var(--terra);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 12px; font-weight: 700;\r\n color: var(--white);\r\n z-index: 3;\r\n box-shadow: 0 4px 16px rgba(0, 180, 216, .4)\r\n }\r\n .pilar-card-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, transparent 35%, rgba(0, 40, 55, .9) 100%);\r\n display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: 28px;\r\n z-index: 2\r\n }\r\n .pilar-card-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 36px;\r\n color: var(--white);\r\n line-height: 1.1;\r\n margin-bottom: 4px;\r\n font-weight: 700;\r\n letter-spacing: .5px;\r\n }\r\n .pilar-card-subtitle {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 18px;\r\n color: rgba(255, 255, 255, .6);\r\n line-height: 1.4;\r\n margin-bottom: 12px\r\n }\r\n .pilar-card-cta {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n background: var(--terra);\r\n color: var(--white);\r\n padding: 8px 18px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n width: fit-content;\r\n transition: all .3s var(--ease);\r\n text-decoration: none\r\n }\r\n .pilar-card-cta:hover { background: var(--terra-light); transform: translateX(4px) }\r\n .pilar-card-cta svg { width: 14px; height: 14px; transition: transform .3s }\r\n .pilar-card-cta:hover svg { transform: translateX(3px) }\r\n .buildings-section-native { \r\n background: var(--white); \r\n padding: 40px 8px; \r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center; \r\n }\r\n .buildings-intro { text-align: center; margin-bottom: 24px; padding: 0 16px;}\r\n .buildings-intro .pilares-title { color: var(--navy); font-size: clamp(28px, 4vw, 46px); margin: 16px auto; }\r\n .buildings-intro .pilares-title em { color: var(--terra); font-style: italic; }\r\n .buildings-intro .section-desc { margin: 0 auto; max-width: 1200px; font-size: 20px; color: var(--text-secondary); line-height: 1.5; }\r\n .cb-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 15px; \r\n width: 100%;\r\n margin: 20px auto 0;\r\n padding: 0 24px;\r\n }\r\n .cb-card {\r\n position: relative;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n flex: 0 0 calc(15% - 15px);\r\n max-width: calc(15% - 15px);\r\n aspect-ratio: 4\/5; \r\n display: block;\r\n text-decoration: none;\r\n color: var(--white);\r\n transform: translateZ(0); \r\n }\r\n .cb-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s var(--ease);\r\n }\r\n .cb-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(0, 40, 55, 0.85); \r\n opacity: 0;\r\n transition: opacity 0.4s var(--ease);\r\n z-index: 1;\r\n }\r\n .cb-card:hover .cb-img { transform: scale(1.06); }\r\n .cb-card:hover .cb-overlay { opacity: 1; }\r\n .cb-content {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 14px 10px;\r\n z-index: 2;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.4s var(--ease);\r\n }\r\n .cb-card:hover .cb-content {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .cb-price {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 14px;\r\n line-height: 1.4;\r\n margin-bottom: 10px;\r\n color: var(--white);\r\n }\r\n .cb-price b {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--white);\r\n }\r\n .cb-address {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 12px;\r\n line-height: 1.3;\r\n color: rgba(255,255,255,0.85);\r\n margin-bottom: 14px;\r\n }\r\n .cb-btn {\r\n display: inline-block;\r\n padding: 9px 18px;\r\n background: transparent;\r\n border: 1px solid var(--terra);\r\n color: var(--white);\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n border-radius: 4px;\r\n transition: background 0.3s;\r\n }\r\n .cb-card:hover .cb-btn {\r\n background: var(--terra);\r\n }\r\n \/* ===== SECCI\u00d3N PASOS (3 pasos horizontales + formulario centrado) ===== *\/\r\n #pasos {\r\n min-height: auto;\r\n padding: 50px 16px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background: var(--navy);\r\n }\r\n #pasos .pilares-title { color: var(--white); }\r\n #pasos .pilares-title em { color: var(--terra); }\r\n #pasos .section-desc { color: rgba(255,255,255,.6) !important; }\r\n\r\n .steps-horizontal {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n max-width: 1200px;\r\n margin: 36px auto 44px;\r\n width: 100%;\r\n }\r\n .step-h-card {\r\n background: #0000002b;\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 12px;\r\n padding: 22px 22px;\r\n text-align: left;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 16px;\r\n transition: transform .4s var(--ease), border-color .4s var(--ease);\r\n }\r\n .step-h-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(0, 180, 216, .35);\r\n }\r\n .step-h-body { flex: 1; min-width: 0; }\r\n .step-h-num {\r\n width: 52px; height: 52px; min-width: 52px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.05);\r\n border: 1px solid rgba(255,255,255,.12);\r\n display: flex; align-items: center; justify-content: center;\r\n position: relative;\r\n margin-bottom: 0;\r\n }\r\n .step-h-num span {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 21px; font-weight: 700; color: var(--white);\r\n }\r\n .step-h-num-icon {\r\n position: absolute; bottom: -2px; right: -2px;\r\n width: 22px; height: 22px;\r\n background: var(--terra); border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n border: 2px solid var(--navy);\r\n }\r\n .step-h-num-icon svg { width: 11px; height: 11px; stroke: var(--white); fill: none; stroke-width: 2.5 }\r\n .step-h-card h4 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 19px; font-weight: 800; color: var(--white);\r\n margin-bottom: 6px; line-height: 1.2;\r\n }\r\n .step-h-card p {\r\n font-size: 14px; color: rgba(255,255,255,.7); line-height: 1.5;\r\n }\r\n \r\n\r\n @media (max-width: 1100px) and (min-width: 901px) {\r\n .steps-horizontal { gap: 14px; }\r\n .step-h-card { padding: 20px 18px; gap: 14px; }\r\n .step-h-num { width: 46px; height: 46px; min-width: 46px; }\r\n .step-h-num span { font-size: 18px; }\r\n .step-h-card h4 { font-size: 17px; }\r\n .step-h-card p { font-size: 13px; }\r\n }\r\n @media (max-width: 900px) {\r\n .steps-horizontal {\r\n grid-template-columns: 1fr;\r\n max-width: 640px;\r\n margin: 28px auto 32px;\r\n gap: 12px;\r\n }\r\n .step-h-card { padding: 20px 18px; gap: 14px; }\r\n .step-h-num { width: 46px; height: 46px; min-width: 46px; }\r\n .step-h-num span { font-size: 18px; }\r\n .step-h-card h4 { font-size: 18px; }\r\n .step-h-card p { font-size: 14px; }\r\n }\r\n .testimonials-section {\r\n overflow: hidden;\r\n background: var(--white) !important;\r\n padding: 50px 16px !important;\r\n }\r\n .testimonials-section .pilares-title { color: var(--text-primary); }\r\n .testimonials-section .pilares-title em { color: var(--terra); }\r\n .testimonials-wrapper {\r\n display: flex; gap: 20px;\r\n margin-top: 32px;\r\n animation: scrollTestimonials 35s linear infinite\r\n }\r\n .testimonial-card {\r\n min-width: 340px;\r\n background: var(--off-white);\r\n border: 1px solid rgba(0,0,0,.06);\r\n border-radius: 12px;\r\n padding: 28px;\r\n flex-shrink: 0;\r\n backdrop-filter: blur(10px);\r\n }\r\n .testimonial-stars { display: flex; gap: 3px; margin-bottom: 14px }\r\n .testimonial-stars svg { width: 14px; height: 14px; fill: var(--terra) }\r\n .testimonial-text {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 15px; font-style: italic;\r\n line-height: 1.6;\r\n color: var(--text-secondary);\r\n margin-bottom: 18px\r\n }\r\n .testimonial-author { display: flex; align-items: center; gap: 10px }\r\n .testimonial-avatar {\r\n width: 38px; height: 38px; border-radius: 50%;\r\n background: var(--terra);\r\n display: flex; align-items: center; justify-content: center;\r\n font-weight: 600; font-size: 12px;\r\n color: var(--white)\r\n }\r\n .testimonial-name { font-weight: 600; font-size: 13px; color: var(--text-primary) }\r\n .testimonial-handle { font-size: 11px; color: var(--text-light) }\r\n @keyframes scrollTestimonials {\r\n 0% { transform: translateX(0) }\r\n 100% { transform: translateX(-50%) }\r\n }\r\n #blog {\r\n background: var(--navy);\r\n padding: 50px 16px;\r\n }\r\n #blog .pilares-title { color: var(--white); }\r\n #blog .pilares-title em { color: var(--terra-light); }\r\n #blog .section-desc { color: rgba(255,255,255,.6) !important; }\r\n .cta-section {\r\n text-align: center;\r\n padding: 80px 16px;\r\n background: var(--white);\r\n position: relative; overflow: hidden\r\n }\r\n .cta-section::before {\r\n content: ''; position: absolute;\r\n top: 50%; left: 50%;\r\n width: 500px; height: 500px;\r\n background: radial-gradient(circle, rgba(0, 180, 216, .08), transparent 70%);\r\n transform: translate(-50%, -50%);\r\n pointer-events: none\r\n }\r\n .cta-section .pilares-title { color: var(--text-primary); }\r\n .cta-section .pilares-title em { color: var(--terra); }\r\n .cta-section .section-desc { color: var(--text-secondary); margin: 0 auto 32px; text-align: center }\r\n .btn-primary {\r\n background: var(--terra);\r\n color: var(--white);\r\n padding: 14px 36px;\r\n border-radius: 4px;\r\n font-weight: 600; font-size: 13px;\r\n letter-spacing: 2px; text-transform: uppercase;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n transition: all .4s var(--ease);\r\n border: none;\r\n text-decoration: none;\r\n }\r\n .btn-primary:hover { background: var(--terra-light); transform: translateY(-2px) }\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--navy);\r\n padding: 12px 28px;\r\n border-radius: 4px;\r\n font-weight: 500; font-size: 13px;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n border: 1.5px solid rgba(0, 78, 100, .25);\r\n transition: all .4s var(--ease)\r\n }\r\n .btn-outline:hover { background: rgba(0, 78, 100, .05); border-color: var(--navy) }\r\n .footer-logo-img { height: 70px !important; width: auto; filter: brightness(0) invert(1) }\r\n footer {\r\n padding: 40px 48px 20px;\r\n background: var(--navy-dark);\r\n color: var(--white);\r\n border-top: 1px solid rgba(255, 255, 255, .06)\r\n }\r\n .footer-top {\r\n display: grid;\r\n grid-template-columns: 1.4fr 1.2fr 1fr;\r\n gap: 32px;\r\n padding-bottom: 24px;\r\n border-bottom: 1px solid rgba(255, 255, 255, .08);\r\n max-width: none;\r\n width: 100%;\r\n margin: 0;\r\n align-items: start\r\n }\r\n .footer-comunidades-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2px 20px;\r\n }\r\n .footer-bottom { max-width: none; width: 100%; margin: 0 }\r\n .footer-brand-name { margin-bottom: 4px }\r\n .footer-brand p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, .4);\r\n line-height: 1.5;\r\n max-width: 300px;\r\n margin-top: 10px\r\n }\r\n .footer-col h4 {\r\n font-size: 11px; letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--terra);\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n font-family: 'Outfit', sans-serif\r\n }\r\n .footer-col a {\r\n display: block;\r\n color: rgba(255, 255, 255, .5);\r\n font-size: 13px;\r\n padding: 2px 0;\r\n transition: color .3s, padding-left .3s\r\n }\r\n .footer-col a:hover { color: var(--white); padding-left: 6px }\r\n .footer-bottom { padding-top: 16px; font-size: 12px; color: rgba(255, 255, 255, .25) }\r\n .footer-bottom-inner {\r\n display: flex; flex-direction: column;\r\n align-items: center; gap: 8px;\r\n text-align: center;\r\n margin-top: 12px\r\n }\r\n .footer-google-badge { display: inline-block; transition: opacity .3s }\r\n .footer-google-badge:hover { opacity: .8 }\r\n .footer-google-badge img { height: 50px; width: auto }\r\n .footer-legal { display: flex; gap: 8px; align-items: center }\r\n .footer-legal a {\r\n color: rgba(255, 255, 255, .35);\r\n font-size: 12px;\r\n transition: color .3s;\r\n padding: 0; display: inline\r\n }\r\n .footer-legal a:hover { color: var(--white); padding-left: 0 }\r\n .footer-legal span { color: rgba(255, 255, 255, .15) }\r\n .footer-social { display: flex; gap: 8px; margin-top: 8px; justify-content: flex-start }\r\n .footer-social a {\r\n width: 34px; height: 34px; border-radius: 50%;\r\n background: rgba(255, 255, 255, .06);\r\n border: 1px solid rgba(255, 255, 255, .1);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: all .3s;\r\n padding: 0\r\n }\r\n .footer-social a:hover { background: var(--terra); border-color: var(--terra); padding-left: 0 }\r\n .footer-social a svg { width: 14px; height: 14px; fill: rgba(255, 255, 255, .5); transition: fill .3s }\r\n .footer-social a:hover svg { fill: var(--white) }\r\n .wa-float {\r\n position: fixed; bottom: 28px; right: 28px;\r\n z-index: 9400;\r\n width: 56px; height: 56px;\r\n background: #25D366;\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 4px 20px rgba(37, 211, 102, .35);\r\n transition: transform .3s, box-shadow .3s\r\n }\r\n .wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 30px rgba(37, 211, 102, .5) }\r\n .wa-float svg { width: 30px; height: 30px; fill: white }\r\n .wa-popup-overlay {\r\n position: fixed; inset: 0; z-index: 9500;\r\n background: rgba(0,0,0,.25);\r\n opacity: 0; pointer-events: none;\r\n transition: opacity .3s ease;\r\n }\r\n .wa-popup-overlay.open { opacity: 1; pointer-events: all; }\r\n .wa-popup {\r\n position: fixed; bottom: 96px; right: 28px;\r\n z-index: 9600;\r\n width: 380px; max-width: calc(100vw - 32px);\r\n max-height: calc(100vh - 130px);\r\n background: var(--white);\r\n border-radius: 16px;\r\n box-shadow: 0 24px 64px rgba(0,0,0,.28);\r\n overflow-y: auto;\r\n opacity: 0; transform: translateY(20px) scale(.96);\r\n pointer-events: none;\r\n transition: opacity .35s var(--ease), transform .35s var(--ease);\r\n }\r\n .wa-popup.open { opacity: 1; transform: translateY(0) scale(1); pointer-events: all; }\r\n .wa-popup::-webkit-scrollbar { width: 6px; }\r\n .wa-popup::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 3px; }\r\n .wa-popup-header {\r\n position: relative;\r\n display: flex; align-items: center; justify-content: center;\r\n padding: 22px 48px 8px;\r\n }\r\n .wa-popup-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 19px; font-weight: 800;\r\n text-transform: uppercase; letter-spacing: .5px;\r\n color: var(--text-primary);\r\n text-align: center;\r\n }\r\n .wa-popup-close {\r\n position: absolute; top: 18px; right: 16px;\r\n width: 30px; height: 30px;\r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--text-secondary);\r\n border-radius: 50%; transition: background .2s, color .2s;\r\n flex-shrink: 0;\r\n }\r\n .wa-popup-close:hover { background: rgba(0,0,0,.06); color: var(--text-primary); }\r\n .wa-popup-close svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; }\r\n .wa-popup-body { padding: 8px 24px 28px; }\r\n .wa-popup-body .hs-form-field { margin-bottom: 14px !important; }\r\n .wa-popup-body .hs-form-field > label {\r\n font-size: 10px !important; font-weight: 600 !important;\r\n letter-spacing: 1.5px !important; text-transform: uppercase !important;\r\n color: var(--terra) !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n margin-bottom: 6px !important; display: block !important;\r\n }\r\n .wa-popup-body .hs-input {\r\n width: 100% !important;\r\n background: var(--off-white) !important;\r\n border: 1px solid rgba(0,0,0,.1) !important;\r\n border-radius: 8px !important;\r\n padding: 12px 14px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 14px !important;\r\n color: var(--text-primary) !important;\r\n outline: none !important;\r\n transition: border-color .3s !important;\r\n }\r\n .wa-popup-body .hs-input:focus { border-color: var(--terra) !important; }\r\n .wa-popup-body select.hs-input { cursor: pointer !important; }\r\n .wa-popup-body .hs-fieldtype-intl-phone .hs-input,\r\n .wa-popup-body .hs-phone .input { display: flex !important; gap: 8px !important; }\r\n .wa-popup-body .hs-fieldtype-intl-phone select { flex: 0 0 auto !important; max-width: 110px !important; }\r\n .wa-popup-body .hs-button {\r\n width: 100% !important;\r\n background: #25D366 !important;\r\n color: var(--white) !important;\r\n border: none !important;\r\n padding: 14px 28px !important;\r\n border-radius: 8px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 13px !important; font-weight: 700 !important;\r\n letter-spacing: 1.5px !important; text-transform: uppercase !important;\r\n cursor: pointer !important; margin-top: 6px !important;\r\n transition: background .3s !important;\r\n }\r\n .wa-popup-body .hs-button:hover { background: #1ebe5d !important; }\r\n .wa-popup-body .hs-error-msgs { list-style: none !important; padding: 0 !important; }\r\n .wa-popup-body .hs-error-msgs label { font-size: 11px !important; color: #d32f2f !important; }\r\n @media (max-width: 480px) {\r\n .wa-popup { bottom: 88px; right: 12px; left: 12px; width: auto; max-width: none; }\r\n }\r\n .sidebar-overlay {\r\n position: fixed; inset: 0;\r\n background: rgba(0, 78, 100, .6);\r\n backdrop-filter: blur(6px);\r\n z-index: 9998;\r\n opacity: 0; pointer-events: none;\r\n transition: opacity .4s ease\r\n }\r\n .sidebar-overlay.open { opacity: 1; pointer-events: all }\r\n .sidebar-panel {\r\n position: fixed; top: 0; right: -480px;\r\n width: 460px; max-width: 92vw;\r\n height: 100vh;\r\n background: linear-gradient(180deg, var(--navy) 0%, var(--navy-dark) 100%);\r\n z-index: 9999; overflow-y: auto;\r\n transition: right .45s var(--ease);\r\n box-shadow: -20px 0 60px rgba(0, 0, 0, .4)\r\n }\r\n .sidebar-panel.open { right: 0 }\r\n .sidebar-header {\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 24px 28px 16px;\r\n border-bottom: 1px solid rgba(0, 180, 216, .15)\r\n }\r\n .sidebar-title { font-family: 'Outfit', sans-serif; font-size: 22px; color: var(--white) }\r\n .sidebar-title span { color: var(--terra) }\r\n .sidebar-close {\r\n width: 38px; height: 38px; border-radius: 50%;\r\n border: 1px solid rgba(255, 255, 255, .15);\r\n background: rgba(255, 255, 255, .05);\r\n color: var(--white);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: all .3s\r\n }\r\n .sidebar-close:hover { background: rgba(255, 255, 255, .12); border-color: var(--terra) }\r\n .sidebar-body { padding: 28px }\r\n .sidebar-building-badge {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n background: rgba(0, 180, 216, .12);\r\n border: 1px solid rgba(0, 180, 216, .25);\r\n color: var(--terra-light);\r\n padding: 5px 14px;\r\n border-radius: 100px;\r\n font-size: 10px; font-weight: 600;\r\n letter-spacing: 2px; text-transform: uppercase;\r\n margin-bottom: 16px\r\n }\r\n .sidebar-form-container .hs-form { display: flex !important; flex-direction: column !important }\r\n .sidebar-form-container .hs-form-field { margin-bottom: 16px !important }\r\n .sidebar-form-container .hs-form-field>label {\r\n font-size: 10px !important; font-weight: 600 !important;\r\n letter-spacing: 1.5px !important; text-transform: uppercase !important;\r\n color: var(--terra) !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n margin-bottom: 6px !important;\r\n display: block !important\r\n }\r\n .sidebar-form-container .hs-input {\r\n width: 100% !important;\r\n background: rgba(255, 255, 255, .06) !important;\r\n border: 1px solid rgba(255, 255, 255, .1) !important;\r\n border-radius: 8px !important;\r\n padding: 12px 16px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 14px !important;\r\n color: var(--white) !important;\r\n outline: none !important;\r\n transition: border-color .3s !important\r\n }\r\n .sidebar-form-container .hs-input:focus { border-color: var(--terra) !important }\r\n .sidebar-form-container .hs-button {\r\n width: 100% !important;\r\n background: var(--terra) !important;\r\n color: var(--white) !important;\r\n border: none !important;\r\n padding: 16px 28px !important;\r\n border-radius: 4px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 13px !important; font-weight: 600 !important;\r\n letter-spacing: 2px !important; text-transform: uppercase !important;\r\n cursor: pointer !important\r\n }\r\n .lightbox-overlay {\r\n position: fixed; inset: 0; z-index: 99990;\r\n background: rgba(0, 40, 55, .95);\r\n backdrop-filter: blur(20px);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-direction: column;\r\n opacity: 0; pointer-events: none;\r\n transition: opacity .4s var(--ease)\r\n }\r\n .lightbox-overlay.open { opacity: 1; pointer-events: all }\r\n .lightbox-content { position: relative; max-width: 90vw; max-height: 80vh; display: flex; flex-direction: column; align-items: center }\r\n .lightbox-img {\r\n max-width: 90vw; max-height: 70vh; object-fit: contain;\r\n border-radius: 12px;\r\n box-shadow: 0 40px 100px rgba(0, 0, 0, .5);\r\n transform: scale(.92); opacity: 0;\r\n transition: all .5s var(--ease)\r\n }\r\n .lightbox-overlay.open .lightbox-img { transform: scale(1); opacity: 1 }\r\n .lightbox-caption { margin-top: 16px; text-align: center }\r\n .lightbox-caption-title { font-family: 'Outfit', sans-serif; font-size: 24px; color: var(--white) }\r\n .lightbox-caption-desc { font-size: 14px; color: rgba(255, 255, 255, .5); margin-top: 4px }\r\n .lightbox-close {\r\n position: absolute; top: 20px; right: 20px;\r\n width: 44px; height: 44px; border-radius: 50%;\r\n background: rgba(255, 255, 255, .08);\r\n border: 1px solid rgba(255, 255, 255, .15);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; transition: all .3s;\r\n z-index: 10; color: var(--white)\r\n }\r\n .lightbox-close:hover { background: var(--terra); border-color: var(--terra) }\r\n .lightbox-close svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2 }\r\n .lightbox-arrow {\r\n position: absolute; top: 50%; transform: translateY(-50%);\r\n width: 48px; height: 48px; border-radius: 50%;\r\n background: rgba(255, 255, 255, .08);\r\n border: 1px solid rgba(255, 255, 255, .12);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; transition: all .3s;\r\n z-index: 10; color: var(--white)\r\n }\r\n .lightbox-arrow:hover { background: var(--terra); border-color: var(--terra) }\r\n .lightbox-arrow svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2.5 }\r\n .lightbox-arrow.prev { left: 20px }\r\n .lightbox-arrow.next { right: 20px }\r\n .lightbox-counter { margin-top: 10px; font-size: 11px; color: rgba(255, 255, 255, .3); letter-spacing: 2px; text-transform: uppercase }\r\n .reveal { opacity: 0; transform: translateY(30px); transition: all .8s var(--ease) }\r\n .reveal.visible { opacity: 1; transform: translateY(0) }\r\n .reveal-delay-1 { transition-delay: .1s }\r\n .reveal-delay-2 { transition-delay: .2s }\r\n .reveal-delay-3 { transition-delay: .3s }\r\n @keyframes fadeUp { to { opacity: 1; transform: translateY(0) } }\r\n @media(max-width:1200px) {\r\n .cb-card { flex: 0 0 calc(20% - 15px); max-width: calc(20% - 15px); aspect-ratio: 4\/5; } \r\n }\r\n \r\n @media(max-width:1024px) {\r\n nav { padding: 14px 16px }\r\n nav.scrolled { padding: 10px 16px }\r\n .nav-links { display: none }\r\n .nav-toggle { display: flex }\r\n .section { padding: 48px 12px }\r\n .hero { min-height: 100vh; min-height: 100dvh; }\r\n .hero-main {\r\n padding: 90px 20px 0;\r\n max-width: 100%;\r\n flex: 0 0 auto;\r\n }\r\n .hero-headline {\r\n font-size: clamp(24px, 4.2vw, 40px) !important;\r\n margin-bottom: 20px;\r\n }\r\n .hero-cta-btn {\r\n padding: 12px 28px;\r\n font-size: 13px;\r\n }\r\n .hero-bottom-content { padding: 0 20px 16px; }\r\n .hero-stats-row {\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n .hero-stat-pill { padding: 10px 16px; gap: 8px; }\r\n .hero-stat-pill-num { font-size: 18px; }\r\n .hero-stat-pill-label { font-size: 11px; }\r\n .hero-tagline { font-size: 20px; }\r\n .hero-form-bar-inner .hs-form { flex-direction: column !important }\r\n .hero-form-bar-inner .hs-form-field {\r\n border-right: none !important;\r\n border-bottom: 1px solid rgba(255, 255, 255, .06) !important;\r\n width: 100% !important;\r\n }\r\n .hero-form-bar-inner .hs_submit { width: 100% !important; padding: 14px 16px !important; }\r\n .hero-form-bar-inner .hs_submit .actions {\r\n width: 100% !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n background: transparent !important;\r\n }\r\n .hero-form-bar-inner .hs-button {\r\n width: 100% !important;\r\n display: block !important;\r\n text-align: center !important;\r\n }\r\n .porque-v2 { padding: 0; grid-template-columns: 1fr; min-height: auto; }\r\n .porque-v2-img { min-height: 40vh; position: relative; width: 100%; }\r\n .porque-v2-img img { object-fit: cover; position: absolute; }\r\n .porque-v2-content { padding: 48px 20px; }\r\n .porque-v2-title { font-size: clamp(24px, 7vw, 36px); }\r\n .pv2-table thead th { font-size: 11px; padding: 10px 12px; }\r\n .pv2-table tbody td { font-size: 13px; padding: 12px; }\r\n .pilares-section { padding: 48px 0 }\r\n .pilares-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n max-width: 500px;\r\n margin: 0 auto\r\n }\r\n .pilar-card { aspect-ratio: 16\/14 }\r\n .pilar-card-overlay { padding: 12px; }\r\n .pilar-card-title { font-size: 24px; }\r\n .pilar-card-subtitle { font-size: 16px; margin-bottom: 8px; }\r\n .pilar-card-cta { font-size: 12px; padding: 7px 14px; }\r\n .pilar-card-badge {\r\n left: auto;\r\n right: 12px;\r\n top: 12px;\r\n width: 30px;\r\n height: 30px;\r\n font-size: 11px;\r\n }\r\n .buildings-intro { margin-bottom: 24px }\r\n .buildings-intro .section-desc { font-size: 15px !important }\r\n .cb-card { flex: 0 0 calc(33.333% - 15px); max-width: calc(33.333% - 15px); aspect-ratio: 4\/5;} \r\n footer { padding: 40px 16px 24px }\r\n .footer-top {\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n text-align: center;\r\n }\r\n .footer-comunidades-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2px 12px;\r\n }\r\n .footer-brand { display: flex; flex-direction: column; align-items: center; }\r\n .footer-brand-name { display: flex; justify-content: center; }\r\n .footer-brand p {\r\n margin-left: auto;\r\n margin-right: auto;\r\n max-width: 380px;\r\n }\r\n .footer-brand .footer-award-inline {\r\n justify-content: center !important;\r\n text-align: center;\r\n }\r\n .footer-col { text-align: center; }\r\n .footer-col a { padding-left: 0; }\r\n .footer-col a:hover { padding-left: 0; }\r\n .footer-social {\r\n justify-content: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .footer-bottom-inner {\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n text-align: center;\r\n }\r\n .footer-bottom-row {\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n text-align: center !important;\r\n }\r\n }\r\n \r\n @media(max-width:640px) {\r\n .footer-top { grid-template-columns: 1fr }\r\n .footer-bottom .footer-legal { flex-direction: column; gap: 4px }\r\n .footer-legal span { display: none }\r\n .section-title { font-size: clamp(24px, 8vw, 36px) }\r\n .section-desc { font-size: 15px }\r\n .hero-headline { font-size: clamp(20px, 4.5vw, 32px) !important; }\r\n .pilar-card-title { font-size: 22px }\r\n .pilar-card-subtitle { font-size: 15px }\r\n .step-h-card h4 { font-size: 17px }\r\n .step-h-card p { font-size: 14px }\r\n .testimonial-text { font-size: 14px }\r\n .pretitle { font-size: 10px; letter-spacing: 2px }\r\n .cta-section .section-title { font-size: clamp(24px, 8vw, 36px) }\r\n .cta-section .section-desc { font-size: 15px }\r\n .testimonials-wrapper {\r\n animation: none !important;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n -webkit-overflow-scrolling: touch;\r\n padding: 0 16px 16px;\r\n gap: 12px;\r\n scrollbar-width: none\r\n }\r\n .testimonials-wrapper::-webkit-scrollbar { display: none }\r\n .testimonial-card { min-width: 0; width: 85vw; scroll-snap-align: start; flex-shrink: 0 }\r\n .cta-section { padding: 60px 12px }\r\n .hero-stat-pill { padding: 8px 14px; }\r\n .hero-stat-pill-num { font-size: 16px; }\r\n .hero-stat-pill-label { font-size: 10px; }\r\n .pilares-title { font-size: clamp(22px, 7vw, 32px) !important }\r\n .porque-v2-title { font-size: clamp(22px, 7vw, 30px) !important; }\r\n .pv2-table thead th { font-size: 10px; padding: 8px 10px; letter-spacing: .5px; }\r\n .pv2-table tbody td { font-size: 12px; padding: 10px 10px; }\r\n .pv2-icon-bad, .pv2-icon-good { width: 18px; height: 18px; min-width: 18px; font-size: 9px; }\r\n .buildings-section-native { padding: 16px 8px; }\r\n .cb-grid { gap: 12px; padding: 0 4px;}\r\n .cb-card { flex: 0 0 calc(50% - 6px); max-width: calc(50% - 6px); aspect-ratio: 4\/5; } \r\n .cb-price { font-size: 13px; margin-bottom: 8px;}\r\n .cb-price b { font-size: 17px; }\r\n .cb-address { font-size: 10px; margin-bottom: 12px; }\r\n .cb-btn { padding: 8px 16px; font-size: 10px; }\r\n }\r\n @media (max-height: 800px) and (min-width: 1025px) {\r\n nav { padding: 10px 20px; }\r\n nav.scrolled { padding: 8px 20px; }\r\n .nav-logo-img { height: 42px; }\r\n nav.scrolled .nav-logo-img { height: 38px; }\r\n .nav-links { gap: 16px; }\r\n .nav-links a { font-size: 10px; letter-spacing: 1px; }\r\n .nav-cta { padding: 8px 16px !important; font-size: 10px !important; letter-spacing: 1.5px !important; }\r\n .hero-main { padding: 90px 48px 0; }\r\n .hero-headline { font-size: clamp(22px, 2.5vw, 36px) !important; margin-bottom: 16px; }\r\n .hero-cta-btn { padding: 10px 28px; font-size: 12px; }\r\n .hero-bottom-content { padding: 0 48px 16px; gap: 10px; }\r\n .hero-stat-pill { padding: 10px 22px; }\r\n .hero-stat-pill-num { font-size: 20px; }\r\n .hero-stat-pill-label { font-size: 11px; }\r\n .hero-tagline { font-size: 20px; }\r\n .porque-v2-content { padding: 36px 40px; }\r\n .porque-v2-title { font-size: clamp(24px, 3vw, 38px); margin-bottom: 8px; }\r\n .porque-v2-sub { font-size: 14px; margin-bottom: 18px; }\r\n .pv2-table { margin-bottom: 18px; }\r\n .pv2-table thead th { font-size: 11px; padding: 10px 14px; }\r\n .pv2-table tbody td { font-size: 12px; padding: 12px 14px; }\r\n .pv2-icon-bad, .pv2-icon-good { width: 18px; height: 18px; min-width: 18px; font-size: 9px; }\r\n .porque-v2-tagline { font-size: clamp(18px, 2vw, 24px); margin-bottom: 14px; }\r\n .porque-v2-cta { color: white; padding: 10px 24px; font-size: 12px; }\r\n .pilares-section { padding: 36px 0; }\r\n .pilares-header { margin-bottom: 20px; }\r\n .pilares-title { font-size: clamp(24px, 3vw, 38px) !important; margin-bottom: 8px; }\r\n .pilares-desc { font-size: 16px; }\r\n .pilar-card-title { font-size: 28px; }\r\n .pilar-card-subtitle { font-size: 15px; margin-bottom: 8px; }\r\n .pilar-card-cta { font-size: 11px; padding: 6px 14px; }\r\n .pilar-card-overlay { padding: 20px; }\r\n .buildings-section-native { padding: 36px 16px; min-height: 100vh;}\r\n .buildings-intro { margin-bottom: 20px; }\r\n .buildings-intro .section-desc { font-size: 18px !important; }\r\n .cb-grid { gap: 15px; }\r\n .cb-card { flex: 0 0 calc(15% - 15px); max-width: calc(15% - 15px); aspect-ratio: 4\/5; } \r\n #pasos { padding: 24px 16px; }\r\n #pasos > div:first-child { margin-bottom: 8px !important; }\r\n #pasos .pilares-title { font-size: clamp(22px, 2.8vw, 34px) !important; margin: 8px auto !important; }\r\n #pasos .section-desc { font-size: 14px !important; }\r\n .steps-horizontal { margin: 20px auto 24px; gap: 14px; }\r\n .step-h-card { padding: 16px 16px; gap: 12px; }\r\n .step-h-num { width: 40px; height: 40px; min-width: 40px; margin-bottom: 0; }\r\n .step-h-num span { font-size: 16px; }\r\n .step-h-num-icon { width: 18px; height: 18px; }\r\n .step-h-num-icon svg { width: 9px; height: 9px; }\r\n .step-h-card h4 { font-size: 16px; margin-bottom: 4px; }\r\n .step-h-card p { font-size: 13px; line-height: 1.4; }\r\n .testimonials-section { padding: 36px 16px !important; }\r\n .testimonials-wrapper { margin-top: 20px; gap: 14px; }\r\n .testimonial-card { min-width: 300px; padding: 20px; }\r\n .testimonial-text { font-size: 13px; margin-bottom: 12px; }\r\n .testimonial-stars svg { width: 12px; height: 12px; }\r\n .testimonial-stars { margin-bottom: 10px; }\r\n .testimonial-avatar { width: 32px; height: 32px; font-size: 11px; }\r\n .testimonial-name { font-size: 12px; }\r\n .testimonial-handle { font-size: 10px; }\r\n #blog { padding: 36px 16px; }\r\n #blog .section-desc { font-size: 16px !important; }\r\n .cta-section { padding: 40px 16px; }\r\n .cta-section .section-title {\r\n font-size: clamp(24px, 3vw, 38px);\r\n font-weight: 800;\r\n font-family: 'Outfit', sans-serif;\r\n }\r\n .cta-section .section-desc { font-size: 14px; margin-bottom: 20px !important; }\r\n .btn-primary { padding: 12px 28px; font-size: 12px; }\r\n .btn-outline { padding: 10px 24px; font-size: 12px; }\r\n footer { padding: 20px 32px 12px; }\r\n .footer-top { gap: 20px; padding-bottom: 12px; }\r\n .footer-logo-img { height: 40px; }\r\n .footer-brand p { font-size: 11px; margin-top: 6px; line-height: 1.4; }\r\n .footer-brand .footer-award-inline { font-size: 11px; color: rgba(255,255,255,.4); margin-top: 6px; line-height: 1.3; }\r\n .footer-col h4 { font-size: 10px; margin-bottom: 6px; }\r\n .footer-col a { font-size: 11px; padding: 1px 0; }\r\n .footer-comunidades-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px 16px; }\r\n .footer-comunidades-grid a { font-size: 11px; padding: 1px 0; }\r\n .footer-legal a { font-size: 10px; }\r\n .footer-social { margin-top: 4px; gap: 5px; }\r\n .footer-social a { width: 28px; height: 28px; }\r\n .footer-social a svg { width: 12px; height: 12px; }\r\n .footer-bottom-row { padding-top: 10px !important; margin-top: 10px !important; font-size: 10px !important; }\r\n .footer-bottom-row .footer-google-badge img { height: 28px !important; }\r\n .footer-bottom-row .footer-legal a { font-size: 10px; }\r\n }\r\n @media (min-height: 801px) and (min-width: 1025px) {\r\n .porque-v2-content { padding: clamp(60px, 8vh, 120px) clamp(56px, 5vw, 100px); }\r\n .porque-v2-title { font-size: clamp(42px, 5.2vh, 68px); margin-bottom: clamp(12px, 1.5vh, 20px); line-height: 1.05; }\r\n .porque-v2-sub { font-size: clamp(18px, 2vh, 22px); margin-bottom: clamp(32px, 4.5vh, 56px); max-width: 640px; line-height: 1.5; }\r\n .pv2-table { margin-bottom: clamp(32px, 4vh, 52px); }\r\n .pv2-table thead th { font-size: clamp(13px, 1.5vh, 16px); padding: clamp(16px, 2vh, 24px) clamp(20px, 2.4vh, 32px); letter-spacing: 2px; }\r\n .pv2-table tbody td { font-size: clamp(15px, 1.7vh, 19px); padding: clamp(18px, 2.2vh, 26px) clamp(20px, 2.4vh, 32px); }\r\n .pv2-icon-bad, .pv2-icon-good { width: clamp(22px, 2.4vh, 28px); height: clamp(22px, 2.4vh, 28px); min-width: clamp(22px, 2.4vh, 28px); font-size: clamp(11px, 1.2vh, 14px); }\r\n .porque-v2-tagline { font-size: clamp(24px, 3vh, 38px); margin-bottom: clamp(20px, 2.5vh, 32px); }\r\n .porque-v2-cta { padding: clamp(16px, 2vh, 22px) clamp(36px, 4vh, 52px); font-size: clamp(14px, 1.5vh, 17px); }\r\n }\r\n @media (min-width: 1025px) and (orientation: portrait) {\r\n\r\n .hero {\r\n min-height: 0 !important;\r\n height: 950px !important;\r\n max-height: 1080px !important;\r\n }\r\n .hero-main {\r\n padding: 120px 40px 40px !important;\r\n }\r\n .hero-headline { font-size: clamp(34px, 4vw, 50px) !important; }\r\n .hero-cta-btn { padding: 16px 40px !important; font-size: 15px !important; }\r\n .hero-stat-pill { padding: 16px 30px !important; }\r\n .hero-stat-pill-num { font-size: 28px !important; }\r\n .hero-stat-pill-label { font-size: 15px !important; }\r\n .hero-tagline { font-size: 35px !important; }\r\n .hero-form-bar-inner .hs-form-field > label { font-size: 12px !important; }\r\n .hero-form-bar-inner input,\r\n .hero-form-bar-inner select { font-size: 16px !important; }\r\n .hero-form-bar-inner .hs-button { font-size: 14px !important; padding: 16px 30px !important; }\r\n\r\n .nav-links a { font-size: 14px !important; letter-spacing: 1.5px !important; }\r\n .nav-cta { padding: 12px 26px !important; font-size: 13px !important; }\r\n .nav-logo-img { height: 48px !important; }\r\n nav.scrolled .nav-logo-img { height: 42px !important; }\r\n\r\n .porque-v2 {\r\n display: block !important;\r\n min-height: 0 !important;\r\n }\r\n .porque-v2-img {\r\n display: none !important;\r\n }\r\n .porque-v2-content {\r\n width: 100% !important;\r\n max-width: 1100px !important;\r\n margin: 0 auto !important;\r\n padding: 90px 80px !important;\r\n }\r\n .porque-v2-title {\r\n font-size: clamp(38px, 4.2vw, 54px) !important;\r\n margin-bottom: 14px !important;\r\n line-height: 1.1 !important;\r\n }\r\n .porque-v2-sub {\r\n font-size: 20px !important;\r\n margin-bottom: 32px !important;\r\n max-width: 680px !important;\r\n }\r\n .pv2-table {\r\n margin-bottom: 32px !important;\r\n max-width: 900px !important;\r\n }\r\n .pv2-table thead th {\r\n font-size: 15px !important;\r\n padding: 18px 22px !important;\r\n letter-spacing: 2px !important;\r\n }\r\n .pv2-table tbody td {\r\n font-size: 16px !important;\r\n padding: 20px 22px !important;\r\n line-height: 1.5 !important;\r\n }\r\n .pv2-icon-bad,\r\n .pv2-icon-good {\r\n width: 26px !important;\r\n height: 26px !important;\r\n min-width: 26px !important;\r\n font-size: 13px !important;\r\n }\r\n .porque-v2-tagline {\r\n font-size: clamp(26px, 2.8vw, 34px) !important;\r\n margin-bottom: 24px !important;\r\n }\r\n .porque-v2-cta {\r\n padding: 16px 36px !important;\r\n font-size: 15px !important;\r\n }\r\n\r\n .pilares-title { font-size: clamp(38px, 4.2vw, 54px) !important; }\r\n .pilares-desc { font-size: 22px !important; }\r\n .pilar-card-title { font-size: 32px !important; }\r\n .pilar-card-subtitle { font-size: 18px !important; }\r\n .pilar-card-cta { font-size: 14px !important; padding: 10px 22px !important; }\r\n\r\n .buildings-section-native {\r\n min-height: 0 !important;\r\n padding: 70px 16px !important;\r\n justify-content: flex-start !important;\r\n }\r\n .buildings-intro .section-desc { font-size: 22px !important; }\r\n .cb-grid {\r\n gap: 18px;\r\n padding: 0 24px;\r\n }\r\n .cb-card {\r\n flex: 0 0 calc(33.333% - 12px) !important;\r\n max-width: calc(33.333% - 12px) !important;\r\n aspect-ratio: 4\/5;\r\n }\r\n .cb-price { font-size: 16px !important; }\r\n .cb-price b { font-size: 22px !important; }\r\n .cb-address { font-size: 13px !important; }\r\n .cb-btn { font-size: 12px !important; padding: 11px 20px !important; }\r\n\r\n #pasos .section-desc { font-size: 22px !important; }\r\n #stepsHubspotForm input,\r\n .steps-horizontal { grid-template-columns: 1fr !important; max-width: 900px !important; }\r\n .step-h-card { padding: 26px 24px !important; gap: 20px !important; }\r\n .step-h-num { width: 62px !important; height: 62px !important; min-width: 62px !important; }\r\n .step-h-num span { font-size: 24px !important; }\r\n .step-h-card h4 { font-size: 24px !important; }\r\n .step-h-card p { font-size: 17px !important; line-height: 1.5 !important; }\r\n\r\n .testimonial-card { min-width: 400px !important; padding: 32px !important; }\r\n .testimonial-text { font-size: 18px !important; line-height: 1.6 !important; }\r\n .testimonial-name { font-size: 15px !important; }\r\n .testimonial-handle { font-size: 13px !important; }\r\n .testimonial-avatar { width: 46px !important; height: 46px !important; font-size: 14px !important; }\r\n .testimonial-stars svg { width: 17px !important; height: 17px !important; }\r\n\r\n #blog .section-desc { font-size: 22px !important; }\r\n\r\n .cta-section .section-desc { font-size: 20px !important; }\r\n .btn-primary { padding: 16px 40px !important; font-size: 14px !important; }\r\n .btn-outline { padding: 14px 32px !important; font-size: 14px !important; }\r\n\r\n .pretitle { font-size: 13px !important; letter-spacing: 3px !important; }\r\n\r\n .footer-logo-img { height: 80px !important; }\r\n .footer-brand p { font-size: 16px !important; }\r\n .footer-brand .footer-award-inline { font-size: 14px !important; }\r\n .footer-col h4 { font-size: 13px !important; letter-spacing: 2.5px !important; }\r\n .footer-col a { font-size: 15px !important; padding: 4px 0 !important; }\r\n .footer-comunidades-grid a { font-size: 15px !important; }\r\n .footer-legal a { font-size: 14px !important; }\r\n .footer-bottom-row { font-size: 14px !important; }\r\n .footer-social a { width: 40px !important; height: 40px !important; }\r\n .footer-social a svg { width: 16px !important; height: 16px !important; }\r\n}\r\n <\/style>\r\n\r\n<!-- ===== CSS DEL WIZARD DE AGENDA (encapsulado en .shell) ===== -->\r\n<style id=\"agenda-embed-css\">\r\n.agenda-embed{ width:100%; max-width:1280px; margin:0 auto; }\r\n\r\n.shell{\r\n \/* Variables propias del wizard: NO van en :root para no pisar las del home *\/\r\n --navy-dark:#003A4A; --navy:#004E64; --navy-light:#006580;\r\n --mist:#EDF2F3; --concrete:#C9D6D9; --white:#fff; --ink:#0B1416;\r\n --line:rgba(255,255,255,.18);\r\n --shadow:0 1px 2px rgba(0,42,55,.06), 0 12px 32px -12px rgba(0,42,55,.18);\r\n --r:14px; --ease:cubic-bezier(.2,.7,.2,1);\r\n\r\n display:grid; grid-template-columns:minmax(0,58%) minmax(0,42%);\r\n min-height:640px;\r\n border-radius:18px; overflow:hidden;\r\n box-shadow:0 24px 64px rgba(0,0,0,.3);\r\n font-family:'DM Sans',system-ui,-apple-system,sans-serif;\r\n color:var(--ink); background:var(--white);\r\n line-height:1.5; text-align:left;\r\n -webkit-font-smoothing:antialiased;\r\n}\r\n.shell *,.shell *::before,.shell *::after{box-sizing:border-box}\r\n.shell button,.shell input,.shell select,.shell textarea{font-family:inherit;font-size:inherit;color:inherit}\r\n.shell img{max-width:100%;display:block}\r\n.shell .main{grid-column:1;grid-row:1}\r\n.shell .aside{grid-column:2;grid-row:1}\r\n.shell .u-display{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.92}\r\n.shell .u-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}\r\n\r\n\/* ---------- Panel navy ---------- *\/\r\n.shell .aside{position:relative;background:var(--navy-dark);color:var(--white);padding:40px 44px;display:flex;flex-direction:column;gap:30px;overflow:hidden;isolation:isolate}\r\n.shell .reel{position:absolute;inset:-6% -4%;z-index:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;opacity:.34}\r\n.shell .reel-col{display:flex;flex-direction:column;gap:14px;animation:agReelUp 46s linear infinite}\r\n.shell .reel-col--down{animation-name:agReelDown;animation-duration:54s}\r\n.shell .reel-col img{width:100%;height:auto;border-radius:6px;object-fit:cover;filter:grayscale(.35) contrast(1.05)}\r\n@keyframes agReelUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}\r\n@keyframes agReelDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}\r\n.shell .aside::after{content:\"\";position:absolute;inset:0;z-index:1;background:linear-gradient(195deg,rgba(0,58,74,.80) 0%,rgba(0,58,74,.93) 50%,#003A4A 100%)}\r\n.shell .aside > *:not(.reel):not(.hero-slides){position:relative;z-index:2}\r\n\r\n.shell .brand{display:flex;align-items:center;justify-content:flex-end;gap:16px}\r\n.shell .brand img.logo{width:112px}\r\n\r\n.shell .pitch{margin-top:auto}\r\n.shell .pitch h1{margin:0 0 14px;font-size:clamp(34px,3.2vw,50px);color:var(--white);text-transform:none}\r\n.shell .pitch h1 em{font-style:normal;color:var(--concrete);display:block}\r\n.shell .pitch p{margin:0;max-width:32ch;color:rgba(255,255,255,.74);font-size:15px}\r\n\r\n.shell .instruccion{display:flex;align-items:center;gap:11px;margin:0 0 -16px;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.66);max-width:34ch}\r\n.shell .instruccion .flecha{flex:none;font-size:20px;line-height:1;color:var(--concrete);animation:agEmpujon 2.4s var(--ease) infinite}\r\n@keyframes agEmpujon{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}\r\n.shell .placa{border:1px solid var(--line);border-radius:4px;padding:18px 22px 16px;background:rgba(0,42,55,.5);backdrop-filter:blur(6px)}\r\n.shell .placa-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}\r\n.shell .placa-head .u-eyebrow{color:var(--concrete)}\r\n.shell .placa-head span:last-child{font-size:11px;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums}\r\n.shell .placa-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}\r\n.shell .placa-row:last-child{border-bottom:0;padding-bottom:0}\r\n.shell .placa-row dt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);white-space:nowrap}\r\n.shell .placa-row dd{margin:0;text-align:right;font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:.02em;color:rgba(255,255,255,.3);transition:color .3s var(--ease);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62%}\r\n.shell .placa-row dd.is-set{color:var(--white)}\r\n.shell .placa-row dd.just-set{animation:agPop .45s var(--ease)}\r\n@keyframes agPop{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}\r\n\r\n.shell .trust{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}\r\n.shell .trust li{list-style:none;font-size:11.5px;color:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:100px;padding:6px 12px;background:rgba(0,42,55,.4)}\r\n\r\n.shell .hero-slides{display:none}\r\n\r\n\/* ---------- Columna blanca ---------- *\/\r\n.shell .main{background:var(--white);display:flex;flex-direction:column;min-width:0}\r\n.shell .progress{position:relative;z-index:5;background:var(--white)}\r\n.shell .progress-bar{height:3px;background:var(--mist)}\r\n.shell .progress-fill{height:100%;width:0;background:var(--navy);transition:width .45s var(--ease)}\r\n.shell .progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 44px;font-size:12px;color:#5B6E73;width:100%;max-width:708px;margin:0 auto}\r\n.shell .btn-back{background:none;border:0;padding:6px 0;cursor:pointer;color:#5B6E73;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;border-radius:6px}\r\n.shell .btn-back:hover{color:var(--navy)}\r\n.shell .btn-back[hidden]{display:none}\r\n.shell .step-count{font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--navy-light)}\r\n\r\n.shell .stage{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 44px 48px}\r\n.shell .stage-inner{width:100%;max-width:620px;margin-left:auto;margin-right:auto}\r\n\r\n.shell .slide{display:none;animation:agEnter .38s var(--ease)}\r\n.shell .slide.is-active{display:block}\r\n@keyframes agEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\r\n\r\n.shell .kicker{color:var(--navy-light);margin:0 0 10px}\r\n.shell .q-title{margin:0 0 8px;font-size:clamp(28px,3vw,40px);color:var(--navy-dark);text-transform:none;font-weight:400}\r\n.shell .q-help{margin:0 0 26px;color:#5B6E73;font-size:14.5px;max-width:48ch}\r\n\r\n.shell .campo input,.shell .campo select{width:100%;padding:18px;border:1.5px solid var(--concrete);border-radius:var(--r);background:var(--white);font-size:17px;transition:border-color .18s}\r\n.shell .campo input:focus,.shell .campo select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,101,128,.12)}\r\n.shell .campo input::placeholder{color:#9FB0B4}\r\n.shell .campo.has-error input,.shell .campo.has-error select{border-color:#B0243A}\r\n.shell .err{display:none;color:#B0243A;font-size:13px;margin-top:8px}\r\n.shell .campo.has-error .err{display:block}\r\n.shell .tel-row{display:flex;gap:10px}\r\n.shell .tel-row select{width:auto;flex:none;min-width:138px;appearance:none;padding-right:40px;cursor:pointer;\r\n background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23004E64' stroke-width='2.4'><path d='M6 9l6 6 6-6'\/><\/svg>\");\r\n background-repeat:no-repeat;background-position:right 16px center}\r\n.shell .tel-row input{flex:1;min-width:0}\r\n\r\n.shell .options{display:grid;gap:10px}\r\n.shell .options.cols-2{grid-template-columns:1fr 1fr}\r\n.shell .opt{display:flex;align-items:center;gap:14px;text-align:left;width:100%;background:var(--white);border:1.5px solid var(--concrete);border-radius:var(--r);padding:15px 18px;cursor:pointer;transition:border-color .18s,background .18s,transform .12s}\r\n.shell .opt:hover{border-color:var(--navy);background:#F7FAFB}\r\n.shell .opt:active{transform:scale(.99)}\r\n.shell .opt.is-selected{border-color:var(--navy);background:var(--navy);color:var(--white)}\r\n.shell .opt[disabled]{opacity:.5;cursor:not-allowed}\r\n.shell .opt[disabled]:hover{border-color:var(--concrete);background:var(--white)}\r\n.shell .opt-key{flex:none;width:26px;height:26px;border-radius:6px;background:var(--mist);color:var(--navy);font-size:11px;font-weight:700;display:grid;place-items:center;transition:.18s}\r\n.shell .opt.is-selected .opt-key{background:rgba(255,255,255,.2);color:var(--white)}\r\n.shell .opt-main{flex:1;min-width:0}\r\n.shell .opt-label{font-weight:500;font-size:15.5px;display:block}\r\n.shell .opt-note{font-size:12.5px;color:#728488;display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis}\r\n.shell .opt.is-selected .opt-note{color:rgba(255,255,255,.75)}\r\n\r\n.shell .cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--navy);color:var(--white);border:0;border-radius:var(--r);padding:18px 34px;font-size:16px;font-weight:500;cursor:pointer;margin-top:26px;box-shadow:var(--shadow);transition:background .18s,transform .12s;letter-spacing:normal;text-transform:none}\r\n.shell .cta:hover{background:var(--navy-light)}\r\n.shell .cta:active{transform:scale(.99)}\r\n.shell .cta[disabled]{background:var(--concrete);color:#7C9095;box-shadow:none;cursor:not-allowed}\r\n.shell .cta--full{width:100%}\r\n.shell .cta[hidden],.shell .btn-next[hidden]{display:none!important}\r\n.shell .hint{display:block;margin-top:12px;font-size:12.5px;color:#728488}\r\n.shell .hint a{color:var(--navy)}\r\n.shell .hint kbd{background:var(--mist);border-radius:4px;padding:1px 6px;font-size:11px;font-family:inherit}\r\n\r\n.shell .check{border:1.5px solid var(--concrete);border-radius:var(--r);overflow:hidden}\r\n.shell .check-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--mist);background:var(--white)}\r\n.shell .check-row:last-child{border-bottom:0}\r\n.shell .check-tick{flex:none;width:24px;height:24px;border-radius:50%;background:var(--navy);color:var(--white);display:grid;place-items:center}\r\n.shell .check-body{flex:1;min-width:0;margin:0}\r\n.shell .check-body dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8A9CA0}\r\n.shell .check-body dd{margin:2px 0 0;font-size:15.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis}\r\n.shell .check-edit{background:none;border:0;color:var(--navy);font-size:13px;cursor:pointer;padding:6px 8px;border-radius:6px;text-decoration:underline}\r\n.shell .check-edit:hover{background:var(--mist)}\r\n.shell .aviso{display:none;margin-top:14px;color:#B0243A;font-size:13px}\r\n.shell .aviso.is-on{display:block}\r\n.shell .aviso a{color:var(--navy)}\r\n\r\n.shell .done{text-align:center;max-width:520px;margin:0 auto}\r\n.shell .done .seal{width:64px;height:64px;border-radius:50%;background:var(--navy);color:var(--white);display:grid;place-items:center;margin:0 auto 22px}\r\n.shell .done h2{font-size:clamp(32px,3.2vw,44px);color:var(--navy-dark);margin:0 0 12px;text-transform:none;font-weight:400}\r\n.shell .done p{color:#5B6E73;margin:0 0 22px}\r\n.shell #meetWrap{margin:26px 0 22px;text-align:left}\r\n.shell #meetWrap.is-on{min-height:660px}\r\n.shell .meetings-iframe-container{width:100%;min-height:660px}\r\n.shell .meetings-iframe-container iframe{width:100%!important;min-height:660px;border:0}\r\n.shell .meet-cargando{color:#8A9CA0;font-size:14px;text-align:center;padding:28px 0}\r\n.shell .meet-alterno{display:block;text-align:center;font-size:13px;color:#728488;margin-bottom:18px}\r\n.shell .meet-alterno a{color:var(--navy)}\r\n\r\n.shell :focus-visible{outline:2px solid var(--navy-light);outline-offset:3px}\r\n\r\n.shell #hsFrame{position:absolute;left:-9999px;top:0;width:620px;opacity:0;pointer-events:none}\r\n.shell #hsFrame.visible{position:static;left:auto;width:auto;opacity:1;pointer-events:auto;margin-top:22px}\r\n.shell #hsFrame .hs-form-field{margin:0 0 16px}\r\n.shell #hsFrame .hs-form-field > label{display:block;font-size:12.5px;font-weight:500;color:#5B6E73;margin-bottom:8px;letter-spacing:normal;text-transform:none}\r\n.shell #hsFrame .hs-field-desc{font-size:12.5px;color:#8A9CA0;margin:-4px 0 10px}\r\n.shell #hsFrame input[type=text],.shell #hsFrame input[type=email],.shell #hsFrame input[type=tel],\r\n.shell #hsFrame input[type=number],.shell #hsFrame select,.shell #hsFrame textarea{\r\n width:100%!important;padding:16px;border:1.5px solid var(--concrete);border-radius:var(--r);\r\n background:var(--white);font-size:16px;color:var(--ink)}\r\n.shell #hsFrame input:focus,.shell #hsFrame select:focus,.shell #hsFrame textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,101,128,.12)}\r\n.shell #hsFrame ul{list-style:none;padding:0;margin:0}\r\n.shell #hsFrame .hs-error-msgs label,.shell #hsFrame .hs-error-msg{color:#B0243A;font-size:12.5px}\r\n.shell #hsFrame .legal-consent-container{font-size:12.5px;color:#8A9CA0;margin-top:6px}\r\n.shell #hsFrame .hs-button{display:flex;align-items:center;justify-content:center;width:100%;\r\n background:var(--navy)!important;color:var(--white)!important;border:0;border-radius:var(--r);\r\n padding:18px 34px!important;font-size:16px!important;font-weight:500!important;cursor:pointer;margin-top:22px;box-shadow:var(--shadow);letter-spacing:normal!important;text-transform:none!important}\r\n.shell #hsFrame .hs-button:hover{background:var(--navy-light)!important}\r\n.shell #hsFrame .hs-recaptcha,.shell #hsFrame .grecaptcha-badge{margin:6px 0}\r\n.shell #hsFrame .hs-form-field.oculto{display:none}\r\n.shell #hsCargando{color:#8A9CA0;font-size:14px;margin-top:20px}\r\n\r\n\/* Panel de diagn\u00f3stico (?debug=1) *\/\r\n#diag{display:none;position:fixed;right:14px;bottom:14px;z-index:99;width:min(440px,calc(100vw - 28px));\r\n max-height:56vh;overflow:auto;background:#0B1416;color:#D5E3E6;border-radius:12px;\r\n font:12px\/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 18px 44px rgba(0,0,0,.4)}\r\n#diag.is-on{display:block}\r\n#diag header{position:sticky;top:0;background:#0B1416;padding:12px 14px;border-bottom:1px solid #1E2E32;\r\n display:flex;justify-content:space-between;align-items:center;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}\r\n#diag header button{background:none;border:0;color:#7FB2BE;cursor:pointer;font:inherit}\r\n#diag .lineas{padding:10px 14px 14px}\r\n#diag p{margin:0 0 8px;white-space:pre-wrap;word-break:break-word}\r\n#diag p.warn{color:#FFC98A}\r\n#diag p.bad{color:#FF8B9E}\r\n#diag p.good{color:#8EE6A8}\r\n#diag code{color:#7FB2BE}\r\n\r\n\/* Blindaje contra el tema \/ estilos del home *\/\r\n.shell,.shell *{font-family:'DM Sans',system-ui,-apple-system,sans-serif}\r\n.shell .u-display,.shell .u-display *{font-family:'Bebas Neue',Impact,sans-serif}\r\n.shell button{background-image:none;text-transform:none;letter-spacing:normal;box-shadow:none}\r\n.shell .btn-back{background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;\r\n color:#5B6E73!important;font-size:12.5px!important;font-weight:500!important;line-height:1.4!important;\r\n padding:8px 14px!important;margin:0!important;border-radius:8px!important;min-height:0!important;height:auto!important;width:auto!important;\r\n text-decoration:none!important;transition:background .18s var(--ease),color .18s var(--ease)}\r\n.shell .btn-back:hover,.shell .btn-back:focus{background:var(--mist)!important;color:var(--navy)!important}\r\n.shell .btn-back[hidden]{display:none!important}\r\n.shell a{text-decoration:none}\r\n.shell .q-title,.shell .done h2{color:var(--navy-dark)!important}\r\n.shell .kicker{color:var(--navy-light)!important}\r\n.shell .q-help,.shell .done p{color:#5B6E73!important}\r\n.shell .opt{background:var(--white)!important;border-color:var(--concrete)!important;color:var(--ink)!important}\r\n.shell .opt:hover{border-color:var(--navy)!important;background:#F7FAFB!important}\r\n.shell .opt .opt-label{color:var(--ink)!important;font-weight:500!important}\r\n.shell .opt .opt-note{color:#728488!important}\r\n.shell .opt .opt-key{background:var(--mist)!important;color:var(--navy)!important}\r\n.shell .opt.is-selected{background:var(--navy)!important;border-color:var(--navy)!important;color:var(--white)!important}\r\n.shell .opt.is-selected .opt-label{color:var(--white)!important}\r\n.shell .opt.is-selected .opt-note{color:rgba(255,255,255,.75)!important}\r\n.shell .opt.is-selected .opt-key{background:rgba(255,255,255,.2)!important;color:var(--white)!important}\r\n.shell .cta{background:var(--navy)!important;color:var(--white)!important}\r\n.shell .cta:hover{background:var(--navy-light)!important}\r\n.shell .cta[disabled]{background:var(--concrete)!important;color:#7C9095!important}\r\n.shell .campo input,.shell .campo select{color:var(--ink)!important;background:var(--white)!important;border-color:var(--concrete)!important}\r\n.shell .check-row{background:var(--white)!important}\r\n.shell .check-body dt{color:#8A9CA0!important}\r\n.shell .check-body dd{color:var(--ink)!important}\r\n.shell .check-edit{color:var(--navy)!important;background:none!important}\r\n.shell .check-tick{background:var(--navy)!important;color:var(--white)!important}\r\n.shell .aside,.shell .aside *{color:var(--white)}\r\n.shell .aside .placa-row dt,.shell .aside .placa-head span:last-child{color:rgba(255,255,255,.5)!important}\r\n.shell .aside .pitch h1 em{color:var(--concrete)!important}\r\n.shell .aside .pitch p{color:rgba(255,255,255,.74)!important}\r\n\r\n@media (max-width:1024px){\r\n .shell{grid-template-columns:1fr;min-height:0;border-radius:14px}\r\n .shell .main,.shell .aside{grid-column:1}\r\n .shell .aside{grid-row:1;min-height:300px;padding:18px 20px 20px;gap:14px;justify-content:flex-end}\r\n .shell .main{grid-row:2}\r\n .shell .aside .reel{display:none}\r\n .shell .aside .hero-slides{display:block;position:absolute;inset:0;z-index:0}\r\n .shell .aside .hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s var(--ease)}\r\n .shell .aside .hero-slides img.is-on{opacity:1}\r\n .shell .aside::after{background:linear-gradient(180deg,rgba(0,58,74,.28) 0%,rgba(0,58,74,.42) 45%,rgba(0,58,74,.90) 100%)}\r\n .shell .aside .pitch h1{font-size:33px;text-shadow:0 2px 14px rgba(0,20,26,.35)}\r\n .shell .aside .pitch p,.shell .placa,.shell .instruccion{display:none}\r\n .shell .aside .pitch{margin-top:auto}\r\n .shell .brand img.logo{width:92px}\r\n .shell .trust{margin-top:2px}\r\n .shell .trust li:nth-child(n+3){display:none}\r\n .shell .progress-meta,.shell .stage{padding-left:20px;padding-right:20px}\r\n .shell .stage{padding-top:4px;padding-bottom:36px;align-items:flex-start}\r\n .shell .q-title{font-size:27px}\r\n .shell .q-help{margin-bottom:20px;font-size:14px}\r\n .shell .options.cols-2{grid-template-columns:1fr}\r\n .shell .cta{width:100%}\r\n .shell .tel-row select{min-width:118px;font-size:15px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n .shell .reel-col{animation:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"mobile-menu-overlay\" id=\"mobileMenu\"><a href=\"#concepto\" class=\"mobile-nav-link\">Concepto<\/a><a\r\n href=\"#comunidades-nativa\" class=\"mobile-nav-link\">Comunidades<\/a><a href=\"#experiencias\"\r\n class=\"mobile-nav-link\">Experiencias<\/a><a href=\"#pasos\" class=\"mobile-nav-link\">C\u00f3mo Funciona<\/a><a\r\n href=\"#pasos\" class=\"mobile-nav-link\" style=\"color:var(--terra)\">Agendar Visita<\/a><\/div>\r\n <nav id=\"mainNav\">\r\n <a href=\"https:\/\/urbanista.mx\/\" class=\"nav-logo\"><img decoding=\"async\"\r\n src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\"\r\n alt=\"Urbanista\" class=\"nav-logo-img\"><\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#concepto\">Concepto<\/a><\/li>\r\n <li><a href=\"#comunidades-nativa\">Comunidades<\/a><\/li>\r\n <li><a href=\"#pasos\">C\u00f3mo Funciona<\/a><\/li>\r\n <li><a href=\"#blog\">Blog<\/a><\/li>\r\n <li><a href=\"https:\/\/urbanista.mx\/preguntas-frecuentes\/\">FAQ<\/a><\/li>\r\n <li><a href=\"https:\/\/alma390.mx\/\" target=\"_blank\" rel=\"noopener\">Alma 390<\/a><\/li>\r\n <li id=\"langSwitcherItem\" class=\"trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-8873\">\r\n <a id=\"langSwitcherLink\" href=\"https:\/\/urbanista.mx\/en\/\" class=\"elementor-item\"><span data-no-translation=\"\"><img decoding=\"async\"\r\n id=\"langSwitcherFlag\"\r\n class=\"trp-flag-image\"\r\n src=\"https:\/\/urbanista.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\"\r\n width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"><\/span><\/a>\r\n <\/li>\r\n <li><a href=\"https:\/\/urbanista.mx\/form-agenda\/\" class=\"nav-cta\">AGENDA TU TOUR<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-toggle\" id=\"navToggle\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/nav>\r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero-bg\">\r\n <picture>\r\n <source media=\"(max-width: 1024px)\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Header_Vertical_Urbanista2026-scaled.webp\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/hf_20260415_155926_9ae6f7d8-5e9f-4899-a347-4552e08a6ffb-scaled.webp\"\r\n alt=\"Urbanista rooftop CDMX\" class=\"hero-bg-img\">\r\n <\/picture>\r\n <div class=\"hero-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"hero-main\">\r\n <h1 class=\"hero-headline\">DEPARTAMENTOS EN RENTA EN LA CIUDAD DE<br>M\u00c9XICO PARA QUIENES VALORAN SU TIEMPO.<\/h1>\r\n <a href=\"#comunidades-nativa\" class=\"hero-cta-btn\">Ver Departamentos<\/a>\r\n <\/div>\r\n <div class=\"hero-bottom-content\">\r\n <div class=\"hero-stats-row\">\r\n <div class=\"hero-stat-pill\">\r\n <span class=\"hero-stat-pill-num\">1,400<\/span>\r\n <span class=\"hero-stat-pill-label\">Departamentos<\/span>\r\n <\/div>\r\n <div class=\"hero-stat-pill\">\r\n <span class=\"hero-stat-pill-num\">12<\/span>\r\n <span class=\"hero-stat-pill-label\">Meses sin aval en tu renta<\/span>\r\n <\/div>\r\n <div class=\"hero-stat-pill\">\r\n <span class=\"hero-stat-pill-num\">24h<\/span>\r\n <span class=\"hero-stat-pill-label\">Confirmaci\u00f3n y aprobaci\u00f3n<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-tagline\">When you move in here, you thrive out there.<\/div>\r\n <\/div>\r\n <div class=\"hero-form-bar\">\r\n <div class=\"hero-form-bar-inner\" id=\"heroHubspotForm\"><\/div>\r\n <\/div>\r\n <\/section>\r\n <section class=\"porque-v2\" id=\"concepto\">\r\n <div class=\"porque-v2-img\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/5990ff2c-2df5-48cd-bb6c-618e49d79832.jpg\" alt=\"Comunidad Urbanista\">\r\n <\/div>\r\n <div class=\"porque-v2-content\">\r\n <h2 class=\"porque-v2-title\">Para que rentar y vivir sea un gusto, no una carga.<\/h2>\r\n <p class=\"porque-v2-sub\">Hay otra forma de vivir en CDMX. Una donde tu depa es solo el punto de partida.<\/p>\r\n <table class=\"pv2-table\">\r\n <thead>\r\n <tr>\r\n <th>Renta Tradicional<\/th>\r\n <th>Renta con Urbanista<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\r\n <div class=\"pv2-td-inner\">\r\n <span><span class=\"pv2-pilar-name\" style=\"display:block;margin-bottom:6px;text-transform:none;\">Rentar se vuelve pesado<\/span>Aval, fiador, burocracia, tr\u00e1mites interminables y caseros que no responden cuando necesitas resolver algo.<\/span>\r\n <\/div>\r\n <\/td>\r\n <td>\r\n <div class=\"pv2-td-inner\">\r\n <span class=\"pv2-icon-good\">\u2713<\/span>\r\n <span><span class=\"pv2-pilar-name\" style=\"display:block;margin-bottom:6px;\">Renta F\u00e1cil<\/span>Sin aval. Aprobaci\u00f3n en 24 horas. Equipo profesional en el edificio para ayudarte todos los d\u00edas.<\/span>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\r\n <div class=\"pv2-td-inner\">\r\n <span><span class=\"pv2-pilar-name\" style=\"display:block;margin-bottom:6px;text-transform:none;\">Tu depa no siempre te deja descansar<\/span>Ruido, calor e inseguridad. Llegas a casa, pero no siempre logras bajar el ritmo.<\/span>\r\n <\/div>\r\n <\/td>\r\n <td>\r\n <div class=\"pv2-td-inner\">\r\n <span class=\"pv2-icon-good\">\u2713<\/span>\r\n <span><span class=\"pv2-pilar-name\" style=\"display:block;margin-bottom:6px;\">Oasis Urbano<\/span>Aire acondicionado en unidades seleccionadas, ventanas con reducci\u00f3n de ruido, seguridad y monitoreo 24\/7, y sistema contra incendios.<\/span>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\r\n <div class=\"pv2-td-inner\">\r\n <span><span class=\"pv2-pilar-name\" style=\"display:block;margin-bottom:6px;text-transform:none;\">Solo cuatro paredes<\/span>Sin d\u00f3nde trabajar, recibir amigos o desconectar. Todo pasa dentro del mismo espacio.<\/span>\r\n <\/div>\r\n <\/td>\r\n <td>\r\n <div class=\"pv2-td-inner\">\r\n <span class=\"pv2-icon-good\">\u2713<\/span>\r\n <span><span class=\"pv2-pilar-name\" style=\"display:block;margin-bottom:6px;\">Comparte & Recarga<\/span>Tu depa es mucho m\u00e1s que cuatro paredes: miles de metros cuadrados para trabajar, entrenar, recibir amigos y cambiar de ambiente a un elevador de distancia.<\/span>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n<\/tbody>\r\n <\/table>\r\n <div class=\"porque-v2-tagline\">Eso es Urbanista. <em>Move in. Move up.<\/em><\/div>\r\n <a href=\"https:\/\/urbanista.mx\/form-agenda\/\" class=\"porque-v2-cta\">Agenda tu Tour<\/a>\r\n <\/div>\r\n <\/section>\r\n <section class=\"pilares-section\" id=\"experiencias\">\r\n <div class=\"pilares-header reveal\">\r\n <h2 class=\"pilares-title\">\u00bfQu\u00e9 nos hace diferentes?<\/h2>\r\n <p class=\"pilares-desc\">Renta mucho m\u00e1s que cuatro paredes<\/p>\r\n <\/div>\r\n <div class=\"pilares-grid\">\r\n <a href=\"https:\/\/urbanista.mx\/renta-facil\/\" class=\"pilar-card reveal\">\r\n <div class=\"pilar-card-badge\">01<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/renta-facil-home-scaled.png\" alt=\"Renta F\u00e1cil Urbanista\">\r\n <div class=\"pilar-card-overlay\">\r\n <div class=\"pilar-card-title\">Renta F\u00e1cil<\/div>\r\n <div class=\"pilar-card-subtitle\">Tu \u00fanico trabajo: disfrutar. El resto es nuestro.<\/div>\r\n <div class=\"pilar-card-cta\">Conoce m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\" \/><\/svg><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/comparte-y-recarga\/\" class=\"pilar-card reveal reveal-delay-1\">\r\n <div class=\"pilar-card-badge\">02<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/05\/comparte_recarga_home.jpg-1-scaled.jpeg\" alt=\"Comparte y Recarga Urbanista\">\r\n <div class=\"pilar-card-overlay\">\r\n <div class=\"pilar-card-title\">Comparte & Recarga<\/div>\r\n <div class=\"pilar-card-subtitle\">Host like a boss. Recarga como un pro.<\/div>\r\n <div class=\"pilar-card-cta\">Conoce m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\" \/><\/svg><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/oasis-urbano-urbanista\/\" class=\"pilar-card reveal reveal-delay-2\">\r\n <div class=\"pilar-card-badge\">03<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/c30e4028-a866-4eb9-9379-53d6370fefb4.jpg\" alt=\"Oasis Urbano Urbanista\">\r\n <div class=\"pilar-card-overlay\">\r\n <div class=\"pilar-card-title\">Oasis Urbano<\/div>\r\n <div class=\"pilar-card-subtitle\">Vive por encima del ruido.<\/div>\r\n <div class=\"pilar-card-cta\">Conoce m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\" \/><\/svg><\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n <section class=\"buildings-section-native\" id=\"comunidades-nativa\">\r\n <div class=\"buildings-intro reveal\">\r\n <h2 class=\"pilares-title\" style=\"color: var(--navy)\">Tu<em> \u00e9xito<\/em> merece un entorno a la medida<\/h2>\r\n <p class=\"section-desc\" style=\"text-align:center;max-width:1200px;font-size:20px;margin: 0 auto;\">Encuentra el refugio que mejor se adapta a ti: nueve edificios premium ubicados estrat\u00e9gicamente en los mejores puntos de la Ciudad de M\u00e9xico, dise\u00f1ados para tu confort y progreso.<\/p>\r\n <\/div>\r\n \r\n <div class=\"cb-grid reveal reveal-delay-1\">\r\n <a href=\"https:\/\/urbanista.mx\/amalia-napoles\" class=\"cb-card\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-04-14-at-1.01.32-PM.jpeg\" alt=\"Amalia N\u00e1poles\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\">Studio Desde:<br><b>$25,300.00 MXN con servicios<\/b><\/div>\r\n <div class=\"cb-address\">Av. Insurgentes Sur 609, N\u00e1poles, CDMX<\/div>\r\n <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/ines-polanco\/\" class=\"cb-card\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Renta-en-polanco.jpg\" alt=\"In\u00e9s Polanco\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\">Studio Desde:<br><b>$27,950.00 MXN con servicios<\/b><\/div>\r\n <div class=\"cb-address\">Andr\u00f3maco 9, Amp Granada, Miguel Hidalgo, CDMX<\/div>\r\n <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/magda-la-roma\/\" class=\"cb-card\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/59596a5c-61c2-4131-be77-59c0cb12bf6d.jpg\" alt=\"Magda Roma\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\">Studio Desde:<br><b>$24,350.00 MXN con servicios<\/b><\/div>\r\n <div class=\"cb-address\">Av. Insurgentes Sur 454, Roma Sur, Cuauht\u00e9moc, CDMX<\/div>\r\n <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/josefa-reforma\/\" class=\"cb-card\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/47e3533e-86f8-4eaf-b9f2-71869c26ca3a.jpg\" alt=\"Josefa Reforma\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\">Studio Desde:<br><b>$27,950.00 MXN con servicios<\/b><\/div>\r\n <div class=\"cb-address\">Paseo de la Reforma 390, Ju\u00e1rez, Cuauht\u00e9moc, CDMX<\/div>\r\n <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\" class=\"cb-card\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/elementor\/thumbs\/3d0955b6-305a-4287-a794-2669df7b5e7a-rm0cxs49si7ut9zjj8d71nm3n7449wb9c9yvlw50ow.jpg\" alt=\"Matilde Ju\u00e1rez\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\">Studio Desde:<br><b>$22,350.00 MXN con servicios<\/b><\/div>\r\n <div class=\"cb-address\">Donato Guerra 1, Ju\u00e1rez, Cuauht\u00e9moc, CDMX<\/div>\r\n <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/natalia-doctores\/\" class=\"cb-card\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/5c95f928-ecd0-406d-9a29-891cec1b16f6.jpg\" alt=\"Doctores\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\">2 Rec Desde:<br><b>$23,350.00 MXN con servicios<\/b><\/div>\r\n <div class=\"cb-address\">Calle Dr. Carmona y Valle 25, Doctores, CDMX<\/div>\r\n <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\" class=\"cb-card\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/elementor\/thumbs\/Renta-en-la-del-valle-rm0dng3mencptypentrgmog7kylxgd7ejb96cw30sg.jpg\" alt=\"Joaquina Del Valle\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\">1 Rec Desde:<br><b>$27,750.00 MXN con servicios<\/b><\/div>\r\n <div class=\"cb-address\">San Francisco 345, Col Del Valle Centro, CDMX<\/div>\r\n <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/urbanista.mx\/leona-condesa\/\" class=\"cb-card\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/elementor\/thumbs\/renta-en-la-condesa-rm0dohp600s6qd6ska0jeeyncdgm09co0hcljyj9vk.jpg\" alt=\"Leona Condesa\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\">Studio Desde:<br><b>$35,350.00 MXN con servicios<\/b><\/div>\r\n <div class=\"cb-address\">Montes de Oca 47, Col Condesa, Cuauht\u00e9moc, CDMX<\/div>\r\n <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\r\n <\/div>\r\n <\/a>\r\n <div class=\"cb-card\" style=\"cursor: default;\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/0733dcf6-0a70-4d68-b470-33dabd9f9316.jpg\" alt=\"Aurora Santa Mar\u00eda la Ribera\" class=\"cb-img\">\r\n <div class=\"cb-overlay\"><\/div>\r\n <div class=\"cb-content\">\r\n <div class=\"cb-price\"><b>PR\u00d3XIMAMENTE<\/b><\/div>\r\n <div class=\"cb-address\">Muy pronto llegar\u00e1 a Santa Mar\u00eda la Ribera, CDMX<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <div class=\"lightbox-overlay\" id=\"lightboxOverlay\"><button class=\"lightbox-close\" id=\"lightboxClose\"><svg viewBox=\"0 0 24 24\"><path d=\"M18 6L6 18M6 6l12 12\" \/><\/svg><\/button><button class=\"lightbox-arrow prev\" id=\"lightboxPrev\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\" \/><\/svg><\/button><button class=\"lightbox-arrow next\" id=\"lightboxNext\"><svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\" \/><\/svg><\/button>\r\n <div class=\"lightbox-content\"><img decoding=\"async\" class=\"lightbox-img\" id=\"lightboxImg\" src=\"\" alt=\"\">\r\n <div class=\"lightbox-caption\">\r\n <div class=\"lightbox-caption-title\" id=\"lightboxTitle\"><\/div>\r\n <div class=\"lightbox-caption-desc\" id=\"lightboxDesc\"><\/div>\r\n <\/div>\r\n <div class=\"lightbox-counter\" id=\"lightboxCounter\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <section class=\"section\" id=\"pasos\">\r\n <div style=\"text-align:center;margin-bottom:8px\" class=\"reveal\">\r\n <h2 class=\"pilares-title\" style=\"margin:16px auto;text-align:center\">Tu nuevo hogar en <em>3 pasos<\/em><\/h2>\r\n <p class=\"section-desc\" style=\"margin:0 auto;text-align:center; font-size: 20px;\">As\u00ed de f\u00e1cil es rentar con Urbanista.<\/p>\r\n <\/div>\r\n\r\n <div class=\"steps-horizontal reveal reveal-delay-1\">\r\n <div class=\"step-h-card\">\r\n <div class=\"step-h-num\">\r\n <span>1<\/span>\r\n <div class=\"step-h-num-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" \/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-h-body\">\r\n <h4>Agenda tu tour<\/h4>\r\n <p>D\u00e9janos tus datos y el edificio que te interesa.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step-h-card\">\r\n <div class=\"step-h-num\">\r\n <span>2<\/span>\r\n <div class=\"step-h-num-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\" \/><polyline points=\"9 22 9 12 15 12 15 22\" \/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-h-body\">\r\n <h4>Visita tu depa<\/h4>\r\n <p>Conoce el edificio, las amenidades y tu futuro departamento con un asesor que resuelve todas tus dudas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step-h-card\">\r\n <div class=\"step-h-num\">\r\n <span>3<\/span>\r\n <div class=\"step-h-num-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" \/><polyline points=\"22 4 12 14.01 9 11.01\" \/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-h-body\">\r\n <h4>Firma y m\u00fadate<\/h4>\r\n <p>Contrato directo con Urbanista, sin aval. En 24 horas tienes confirmaci\u00f3n y las llaves de tu nuevo hogar.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ===== WIZARD DE AGENDAMIENTO (antes: step-form-wrapper) ===== -->\r\n <div class=\"agenda-embed reveal reveal-delay-2\">\r\n <div class=\"shell\">\r\n\r\n <aside class=\"aside\">\r\n <div class=\"reel\" aria-hidden=\"true\"><div class=\"reel-col\" id=\"reelA\"><\/div><div class=\"reel-col reel-col--down\" id=\"reelB\"><\/div><\/div>\r\n <div class=\"hero-slides\" id=\"heroSlides\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"brand\">\r\n <a href=\"https:\/\/urbanista.mx\/\"><img decoding=\"async\" class=\"logo\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\" alt=\"Urbanista\"><\/a>\r\n <\/div>\r\n\r\n <div class=\"pitch\">\r\n <h1 class=\"u-display\">Agenda tu tour.<\/h1>\r\n <p>Tu pr\u00f3ximo departamento est\u00e1 a un minuto de distancia. Solo necesitamos cinco datos para agendar tu visita.<\/p>\r\n <\/div>\r\n\r\n <p class=\"instruccion\">\r\n <span class=\"flecha\" aria-hidden=\"true\">\u2190<\/span>\r\n <span>Ve contestando las preguntas de la izquierda. Aqu\u00ed se arma tu solicitud.<\/span>\r\n <\/p>\r\n\r\n <dl class=\"placa\" id=\"placa\">\r\n <div class=\"placa-head\"><span class=\"u-eyebrow\">Tu solicitud<\/span><span id=\"placaCount\">0 \/ 5<\/span><\/div>\r\n <div id=\"placaBody\"><\/div>\r\n <\/dl>\r\n\r\n <ul class=\"trust\">\r\n <li>Sin aval ni fianza<\/li>\r\n <li>Aprobaci\u00f3n en 24 h<\/li>\r\n <li>9 comunidades en CDMX<\/li>\r\n <li>Amenidades premium<\/li>\r\n <\/ul>\r\n <\/aside>\r\n\r\n <main class=\"main\">\r\n <div class=\"progress\">\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"bar\"><\/div><\/div>\r\n <div class=\"progress-meta\">\r\n <button class=\"btn-back\" id=\"back\" hidden>\u2190 Regresar<\/button>\r\n <span class=\"step-count\" id=\"count\"> <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stage\">\r\n <div class=\"stage-inner\">\r\n <div id=\"slides\"><\/div>\r\n\r\n <section class=\"slide\" id=\"slideCheck\">\r\n <p class=\"u-eyebrow kicker\">\u00daltimo paso<\/p>\r\n <h2 class=\"u-display q-title\">Ya casi terminamos<\/h2>\r\n <p class=\"q-help\">Antes de confirmar, puedes revisar y editar cualquier dato.<\/p>\r\n <dl class=\"check\" id=\"checkList\"><\/dl>\r\n <input id=\"empresa_web\" name=\"empresa_web\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" style=\"position:absolute;left:-9999px;opacity:0;height:0;width:0\">\r\n <div id=\"hsFrame\"><\/div>\r\n <p id=\"hsCargando\" hidden>Preparando tu solicitud\u2026<\/p>\r\n <button class=\"cta cta--full\" id=\"enviar\">Confirmar y agendar mi visita<\/button>\r\n <p class=\"hint\" id=\"notaEmbed\" hidden>Tus datos ya quedaron cargados. Solo confirma el env\u00edo para apartar tu visita.<\/p>\r\n <p class=\"aviso\" id=\"aviso\"><\/p>\r\n <span class=\"hint\">Sin costo y sin compromiso. Consulta el <a href=\"https:\/\/urbanista.mx\/aviso-de-privacidad\/\" target=\"_blank\" rel=\"noopener\">aviso de privacidad<\/a>.<\/span>\r\n <\/section>\r\n\r\n <section class=\"slide\" id=\"slideDone\">\r\n <div class=\"done\">\r\n <div class=\"seal\" aria-hidden=\"true\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\r\n <h2 class=\"u-display\" id=\"doneTitle\">Listo, tu visita est\u00e1 apartada<\/h2>\r\n <p id=\"doneTexto\">Un asesor Urbanista te contacta para confirmar d\u00eda, hora y direcci\u00f3n.<\/p>\r\n <div id=\"meetWrap\"><\/div>\r\n <span class=\"meet-alterno\" id=\"meetAlterno\" hidden>\u00bfNo carga el calendario? <a id=\"meetLink\" target=\"_blank\" rel=\"noopener\">\u00c1brelo en una pesta\u00f1a nueva<\/a><\/span>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside id=\"diag\">\r\n <header><span>Diagn\u00f3stico Urbanista<\/span><span><button type=\"button\" onclick=\"probarCampos()\">probar campos<\/button> \u00b7 <button type=\"button\" onclick=\"document.getElementById('diag').classList.remove('is-on')\">cerrar \u2715<\/button><\/span><\/header>\r\n <div class=\"lineas\" id=\"diagBody\"><\/div>\r\n <\/aside>\r\n <\/section>\r\n <section class=\"section testimonials-section\">\r\n <div class=\"reveal\" style=\"text-align:center;margin-bottom:16px\">\r\n <h2 class=\"pilares-title\" style=\"margin:16px auto;text-align:center; color:var(--text-primary);\">Lo que dicen nuestros <em style=\"color:var(--terra)\">urbanistas<\/em><\/h2>\r\n <\/div>\r\n <div class=\"testimonials-wrapper\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><\/div>\r\n <div class=\"testimonial-text\">\"Mi gato ama vivir aqu\u00ed. Hay espacio, calma y nadie pone cara por tener mascota. Pet-friendly real!\"<\/div>\r\n <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">SG<\/div><div><div class=\"testimonial-name\">Sharely G.<\/div><div class=\"testimonial-handle\">Residente en Amalia<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><\/div>\r\n <div class=\"testimonial-text\">\"El proceso fue s\u00faper r\u00e1pido. Sin aval, sin complicaciones. En 24 horas ya ten\u00eda mi depa confirmado.\"<\/div>\r\n <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">MR<\/div><div><div class=\"testimonial-name\">Miguel R.<\/div><div class=\"testimonial-handle\">Residente en Josefa<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><\/div>\r\n <div class=\"testimonial-text\">\"Las amenidades son incre\u00edbles. El gym, el coworking y el rooftop hacen que no quieras salir del edificio.\"<\/div>\r\n <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">LC<\/div><div><div class=\"testimonial-name\">Laura C.<\/div><div class=\"testimonial-handle\">Residente en In\u00e9s<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><\/div>\r\n <div class=\"testimonial-text\">\"Lo mejor es el trato directo. Nada de intermediarios. Cualquier problema, lo resuelven r\u00e1pido y bien.\"<\/div>\r\n <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">DP<\/div><div><div class=\"testimonial-name\">Daniel P.<\/div><div class=\"testimonial-handle\">Residente en Matilde<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><\/div>\r\n <div class=\"testimonial-text\">\"Pas\u00e9 de rentar un depa viejo y ruidoso a vivir en un lugar con aislamiento ac\u00fastico real. Game changer.\"<\/div>\r\n <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">AF<\/div><div><div class=\"testimonial-name\">Andrea F.<\/div><div class=\"testimonial-handle\">Residente en Magda<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><\/div>\r\n <div class=\"testimonial-text\">\"Mi gato ama vivir aqu\u00ed. Hay espacio, calma y nadie pone cara por tener mascota. Pet-friendly real!\"<\/div>\r\n <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">SG<\/div><div><div class=\"testimonial-name\">Sharely G.<\/div><div class=\"testimonial-handle\">Residente en Amalia<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/svg><\/div>\r\n <div class=\"testimonial-text\">\"El proceso fue s\u00faper r\u00e1pido. Sin aval, sin complicaciones. En 24 horas ya ten\u00eda mi depa confirmado.\"<\/div>\r\n <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">MR<\/div><div><div class=\"testimonial-name\">Miguel R.<\/div><div class=\"testimonial-handle\">Residente en Josefa<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <section class=\"section\" id=\"blog\">\r\n <div class=\"buildings-intro reveal\">\r\n <h2 class=\"pilares-title\" style=\"text-align:center\">Tu gu\u00eda para la vida urbana<\/h2>\r\n <p class=\"section-desc\" style=\"text-align:center;max-width:1170px;font-size:20px;padding-bottom:36px;\">Todo lo que necesitas saber para elegir la colonia correcta, rentar sin fricciones y dominar la ciudad a tu ritmo<\/p>\r\n <\/div>\r\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"22105\" class=\"elementor elementor-22105\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0ed7fe e-con-full e-flex e-con e-parent\" data-id=\"e0ed7fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bba25f elementor-posts--align-center elementor-grid-tablet-3 elementor-grid-3 elementor-grid-mobile-1 elementor-posts--thumbnail-top load-more-align-center elementor-widget elementor-widget-posts\" data-id=\"2bba25f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"classic_row_gap":{"unit":"px","size":81,"sizes":[]},"classic_columns_tablet":"3","classic_row_gap_mobile":{"unit":"px","size":28,"sizes":[]},"pagination_type":"load_more_on_click","classic_columns":"3","classic_columns_mobile":"1","classic_row_gap_widescreen":{"unit":"px","size":"","sizes":[]},"classic_row_gap_laptop":{"unit":"px","size":"","sizes":[]},"classic_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"load_more_spinner":{"value":"fas fa-spinner","library":"fa-solid"}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-25637 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/lo-que-no-sabias-de-vivir-en-santa-maria-la-ribera\/\" tabindex=\"-1\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1429\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/08\/kiosko_santa_maria_la_ribera_cdmx-scaled.webp\" class=\"attachment-full size-full wp-image-25659\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/08\/kiosko_santa_maria_la_ribera_cdmx-scaled.webp 2560w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/08\/kiosko_santa_maria_la_ribera_cdmx-300x167.webp 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/08\/kiosko_santa_maria_la_ribera_cdmx-1024x572.webp 1024w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/08\/kiosko_santa_maria_la_ribera_cdmx-768x429.webp 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/08\/kiosko_santa_maria_la_ribera_cdmx-1536x857.webp 1536w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/08\/kiosko_santa_maria_la_ribera_cdmx-2048x1143.webp 2048w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/08\/kiosko_santa_maria_la_ribera_cdmx-18x10.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/lo-que-no-sabias-de-vivir-en-santa-maria-la-ribera\/\">\n\t\t\t\tLo que no sab\u00edas de vivir en Santa Mar\u00eda la Ribera\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/lo-que-no-sabias-de-vivir-en-santa-maria-la-ribera\/\" aria-label=\"Read more about Lo que no sab\u00edas de vivir en Santa Mar\u00eda la Ribera\" tabindex=\"-1\">\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-25330 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/3-amazing-mexico-city-neighborhoods-to-live-in\/\" tabindex=\"-1\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"2560\" height=\"1429\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/colonias_para_rentar_depa_cdmx-scaled.webp\" class=\"attachment-full size-full wp-image-25340\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/colonias_para_rentar_depa_cdmx-scaled.webp 2560w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/colonias_para_rentar_depa_cdmx-300x167.webp 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/colonias_para_rentar_depa_cdmx-1024x572.webp 1024w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/colonias_para_rentar_depa_cdmx-768x429.webp 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/colonias_para_rentar_depa_cdmx-1536x857.webp 1536w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/colonias_para_rentar_depa_cdmx-2048x1143.webp 2048w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/07\/colonias_para_rentar_depa_cdmx-18x10.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/3-amazing-mexico-city-neighborhoods-to-live-in\/\">\n\t\t\t\t3 colonias de la CDMX que no sab\u00edas que son incre\u00edbles para vivir (y por qu\u00e9 la gente se est\u00e1 mudando ah\u00ed)\u00a0\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/3-amazing-mexico-city-neighborhoods-to-live-in\/\" aria-label=\"Read more about 3 colonias de la CDMX que no sab\u00edas que son incre\u00edbles para vivir (y por qu\u00e9 la gente se est\u00e1 mudando ah\u00ed)\u00a0\" tabindex=\"-1\">\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-25241 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/donde-ver-el-mundial-en-la-cdmx-5-lugares-para-disfruta-la-temporada-del-futbol\/\" tabindex=\"-1\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1429\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/donde_ver_mundial_cdmx-scaled.png\" class=\"attachment-full size-full wp-image-25249\" alt=\"mundial cdmx\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/donde_ver_mundial_cdmx-scaled.png 2560w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/donde_ver_mundial_cdmx-300x167.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/donde_ver_mundial_cdmx-1024x572.png 1024w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/donde_ver_mundial_cdmx-768x429.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/donde_ver_mundial_cdmx-1536x857.png 1536w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/donde_ver_mundial_cdmx-2048x1143.png 2048w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/06\/donde_ver_mundial_cdmx-18x10.png 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/donde-ver-el-mundial-en-la-cdmx-5-lugares-para-disfruta-la-temporada-del-futbol\/\">\n\t\t\t\t\u00bfD\u00f3nde ver el Mundial en la CDMX?\u00a05 lugares para disfrutar la temporada del futbol\u00a0\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/donde-ver-el-mundial-en-la-cdmx-5-lugares-para-disfruta-la-temporada-del-futbol\/\" aria-label=\"Read more about \u00bfD\u00f3nde ver el Mundial en la CDMX?\u00a05 lugares para disfrutar la temporada del futbol\u00a0\" tabindex=\"-1\">\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t<span class=\"e-load-more-spinner\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-spinner\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\n\t\t\t\t<div class=\"e-load-more-anchor\" data-page=\"1\" data-max-page=\"28\" data-next-page=\"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22241\/page\/2\/\"><\/div>\n\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<div class=\"e-load-more-message\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n \r\n <style>\r\n .communities-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n }\r\n\r\n .community-item a {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 20px 24px;\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n text-decoration: none;\r\n color: inherit;\r\n transition: background 0.3s cubic-bezier(.22,1,.36,1),\r\n border-color 0.3s ease,\r\n transform 0.3s cubic-bezier(.22,1,.36,1);\r\n }\r\n\r\n .community-item a:hover {\r\n background: rgba(110, 193, 228, 0.12);\r\n border-color: #6ec1e4;\r\n transform: translateY(-3px);\r\n }\r\n\r\n .community-name {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(14px, 1.2vw, 16px);\r\n font-weight: 600;\r\n color: #ffffff;\r\n display: block;\r\n line-height: 1.3;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .community-item a:hover .community-name {\r\n color: #6ec1e4;\r\n }\r\n\r\n .community-tagline {\r\n display: block;\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 11px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.45);\r\n margin-top: 4px;\r\n line-height: 1.4;\r\n letter-spacing: 0.2px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .community-item a:hover .community-tagline {\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .communities-list { grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .communities-list { grid-template-columns: 1fr; gap: 8px; }\r\n .community-item a { padding: 16px 18px; }\r\n }\r\n<\/style>\r\n<div style=\"margin-top: 48px;\"><\/div>\r\n\r\n<ul class=\"communities-list\">\r\n\r\n <li class=\"community-item\">\r\n <a href=\"https:\/\/urbanista.mx\/amalia-napoles\/\">\r\n <span class=\"community-name\">Amalia \u00b7 N\u00e1poles<\/span>\r\n <span class=\"community-tagline\">Departamentos en renta cerca del WTC<\/span>\r\n <\/a>\r\n <\/li>\r\n\r\n <li class=\"community-item\">\r\n <a href=\"https:\/\/urbanista.mx\/ines-polanco\/\">\r\n <span class=\"community-name\">In\u00e9s \u00b7 Polanco<\/span>\r\n <span class=\"community-tagline\">Departamentos en renta en Nuevo Polanco<\/span>\r\n <\/a>\r\n <\/li>\r\n\r\n <li class=\"community-item\">\r\n <a href=\"https:\/\/urbanista.mx\/magda-la-roma\/\">\r\n <span class=\"community-name\">Magda \u00b7 Roma Sur<\/span>\r\n <span class=\"community-tagline\">Departamentos en renta cerca de la Condesa<\/span>\r\n <\/a>\r\n <\/li>\r\n\r\n <li class=\"community-item\">\r\n <a href=\"https:\/\/urbanista.mx\/josefa-reforma\/\">\r\n <span class=\"community-name\">Josefa \u00b7 Reforma<\/span>\r\n <span class=\"community-tagline\">Departamentos en renta sobre Paseo de la Reforma<\/span>\r\n <\/a>\r\n <\/li>\r\n\r\n <li class=\"community-item\">\r\n <a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\">\r\n <span class=\"community-name\">Matilde \u00b7 Ju\u00e1rez<\/span>\r\n <span class=\"community-tagline\">Departamentos en renta a una cuadra de Reforma<\/span>\r\n <\/a>\r\n <\/li>\r\n\r\n <li class=\"community-item\">\r\n <a href=\"https:\/\/urbanista.mx\/natalia-doctores\/\">\r\n <span class=\"community-name\">Natalia \u00b7 Doctores<\/span>\r\n <span class=\"community-tagline\">Departamentos en renta cerca del Centro y Arena M\u00e9xico<\/span>\r\n <\/a>\r\n <\/li>\r\n\r\n <li class=\"community-item\">\r\n <a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\">\r\n <span class=\"community-name\">Joaquina \u00b7 Del Valle<\/span>\r\n <span class=\"community-tagline\">Departamentos en renta en Del Valle Centro<\/span>\r\n <\/a>\r\n <\/li>\r\n\r\n <li class=\"community-item\">\r\n <a href=\"https:\/\/urbanista.mx\/leona-condesa\/\">\r\n <span class=\"community-name\">Leona \u00b7 Condesa<\/span>\r\n <span class=\"community-tagline\">Departamentos en renta en la mejor zona de la Condesa<\/span>\r\n <\/a>\r\n <\/li>\r\n\r\n<\/ul>\r\n <\/section>\r\n \r\n \r\n <section class=\"cta-section\" id=\"contacto\">\r\n <h2 class=\"pilares-title\" style=\"text-align:center;\">No es solo mudarte, es avanzar.<br><em style=\"color:var(--terra)\">MOVE IN. MOVE UP.<\/em><\/h2>\r\n <p class=\"section-desc\" style=\"text-align:center;margin:0 auto 32px;\">Agenda tu tour y descubre c\u00f3mo se siente avanzar.<\/p>\r\n <div style=\"display:flex;gap:16px;justify-content:center;flex-wrap:wrap\"><a href=\"https:\/\/urbanista.mx\/form-agenda\/\" class=\"btn-primary\">Agenda tu tour<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"16\" height=\"16\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" \/><\/svg><\/a><\/div>\r\n <\/section>\r\n <footer>\r\n <div class=\"footer-top\">\r\n <div class=\"footer-brand\">\r\n <div class=\"footer-brand-name\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\" alt=\"Urbanista\" class=\"footer-logo-img\">\r\n <\/div>\r\n <p>Apartamentos en renta en CDMX para quienes valoran su tiempo<\/p>\r\n <p class=\"footer-award-inline\" style=\"font-size:12px;color:rgba(255,255,255,.4);margin-top:8px;line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/adi-nvo_final_cvas-e1722877748440.png.webp\" alt=\"Premio ADI\" style=\"height:40px;width:auto;opacity:.85;\">\r\n Premio al mejor desarrollo residencial 2023 y 2025.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Comunidades<\/h4>\r\n <div class=\"footer-comunidades-grid\">\r\n <a href=\"https:\/\/urbanista.mx\/amalia-napoles\">Amalia \u00b7 N\u00e1poles<\/a>\r\n <a href=\"https:\/\/urbanista.mx\/ines-polanco\/\">In\u00e9s \u00b7 Polanco<\/a>\r\n <a href=\"https:\/\/urbanista.mx\/magda-la-roma\/\">Magda \u00b7 Roma Sur<\/a>\r\n <a href=\"https:\/\/urbanista.mx\/josefa-reforma\/\">Josefa \u00b7 Reforma<\/a>\r\n <a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\">Matilde \u00b7 Ju\u00e1rez<\/a>\r\n <a href=\"https:\/\/urbanista.mx\/natalia-doctores\/\">Natalia \u00b7 Doctores<\/a>\r\n <a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\">Joaquina \u00b7 Del Valle<\/a>\r\n <a href=\"https:\/\/urbanista.mx\/leona-condesa\/\">Leona \u00b7 Condesa<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Contacto<\/h4>\r\n <a href=\"https:\/\/urbanista.mx\/form-agenda\/\" style=\"color:var(--terra-light);font-weight:600;\">Agenda tu tour<\/a>\r\n <a href=\"mailto:hola@urbanista.mx\">hola@urbanista.mx<\/a>\r\n <a href=\"https:\/\/urbanista.mx\/preguntas-frecuentes\/\">FAQ<\/a>\r\n\r\n <div class=\"footer-social\">\r\n <a href=\"https:\/\/www.facebook.com\/urbanistacdmx\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/urbanista.mx\/\" target=\"_blank\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0\"\/><path d=\"M16 3.13a6 6 0 016 6V15a6 6 0 01-6 6H9a6 6 0 01-6-6V9a6 6 0 016-6h7m-.5 2H9a4 4 0 00-4 4v6a4 4 0 004 4h6a4 4 0 004-4V9a4 4 0 00-4-4zm2.75-.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zM12 8a4 4 0 110 8 4 4 0 010-8zm0 1.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/channel\/UCbfMvTZPKdMWXTYfQWR8uTA\" target=\"_blank\" aria-label=\"YouTube\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19.1c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.33 29 29 0 00-.46-5.35zM9.75 15.02V8.48l5.75 3.27-5.75 3.27z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/company\/urbanistamx\" target=\"_blank\" aria-label=\"LinkedIn\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2zM4 2a2 2 0 110 4 2 2 0 010-4z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@urbanistamx\" target=\"_blank\" aria-label=\"TikTok\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1v-3.52a6.37 6.37 0 00-.79-.05A6.34 6.34 0 003.15 15.2a6.34 6.34 0 0010.86-4.43V7.56a8.16 8.16 0 004.76 1.53v-3.4h-.18z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom-row\" style=\"display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:16px;margin-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.25);\">\r\n <div class=\"footer-legal\">\r\n <a href=\"https:\/\/urbanista.mx\/aviso-de-privacidad\/\">Aviso de Privacidad<\/a>\r\n <span>|<\/span>\r\n <a href=\"https:\/\/urbanista.mx\/terminos-y-condiciones\/\">T\u00e9rminos y Condiciones<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/partners\/agency?id=1048257194\" target=\"_blank\" class=\"footer-google-badge\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/www.gstatic.com\/partners\/badge\/images\/2025\/PartnerBadgeClickable.svg\" alt=\"Google Partner\" style=\"height:36px;width:auto;\">\r\n <\/a>\r\n <span>Copyright \u00a9 Urbanista 2026<\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n <!-- ===== WHATSAPP FLOAT BUTTON ===== -->\r\n <a href=\"#\" class=\"wa-float\" id=\"waFloatBtn\" aria-label=\"Cont\u00e1ctanos por WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.6 6.32A7.85 7.85 0 0012 4a7.94 7.94 0 00-6.9 11.89L4 20l4.2-1.1a7.93 7.93 0 003.8.97h.004A7.94 7.94 0 0017.6 6.32zM12 18.5a6.6 6.6 0 01-3.36-.92l-.24-.14-2.5.65.67-2.43-.16-.25A6.59 6.59 0 1112 18.5zm3.62-4.94c-.2-.1-1.17-.58-1.35-.64s-.31-.1-.44.1-.51.64-.62.77-.23.15-.42.05a5.4 5.4 0 01-1.6-1 6 6 0 01-1.1-1.37c-.12-.2 0-.31.09-.41s.2-.23.3-.35a1.32 1.32 0 00.2-.34.37.37 0 000-.35c0-.1-.44-1.06-.6-1.45s-.32-.33-.44-.34h-.38a.72.72 0 00-.52.24 2.18 2.18 0 00-.68 1.62 3.79 3.79 0 00.8 2 8.7 8.7 0 003.33 2.94 11.2 11.2 0 001.11.41 2.67 2.67 0 001.23.08 2 2 0 001.31-.93 1.64 1.64 0 00.11-.92c-.05-.08-.18-.13-.38-.23z\"\/><\/svg>\r\n <\/a>\r\n\r\n <!-- ===== WHATSAPP POPUP FORM ===== -->\r\n <div class=\"wa-popup-overlay\" id=\"waPopupOverlay\"><\/div>\r\n <div class=\"wa-popup\" id=\"waPopup\">\r\n <div class=\"wa-popup-header\">\r\n <span class=\"wa-popup-title\">Cont\u00e1ctanos por WhatsApp<\/span>\r\n <button class=\"wa-popup-close\" id=\"waPopupClose\" aria-label=\"Cerrar\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"wa-popup-body\">\r\n <div id=\"waPopupForm\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sidebar-overlay\" id=\"sidebarOverlay\"><\/div>\r\n <div class=\"sidebar-panel\" id=\"sidebarPanel\">\r\n <div class=\"sidebar-header\">\r\n <div class=\"sidebar-title\">Agendar <span>Visita<\/span><\/div><button class=\"sidebar-close\" id=\"sidebarCloseBtn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"18\" height=\"18\"><path d=\"M18 6L6 18M6 6l12 12\" \/><\/svg><\/button>\r\n <\/div>\r\n <div class=\"sidebar-body\">\r\n <div class=\"sidebar-building-badge\"><span id=\"sidebarBuildingBadge\">DISPONIBLE<\/span><\/div>\r\n <h3 style=\"font-size:22px;color:var(--white);margin-bottom:8px;\" id=\"sidebarBuildingName\">EDIFICIO<\/h3>\r\n <p style=\"font-size:13px;color:rgba(255,255,255,.5);margin-bottom:20px;\">D\u00e9janos tus datos y nos comunicaremos contigo para agendar un recorrido.<\/p>\r\n <div class=\"sidebar-form-container\" id=\"sidebarFormTarget\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n const amenitiesData = [{ img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cowork-scaled.webp', title: 'Cowork', desc: 'Internet de alta velocidad y espacios dise\u00f1ados para tu m\u00e1xima productividad' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/sala-juegos-1024x541.webp', title: 'Gaming Zone', desc: 'Tu zona para desestresarte despu\u00e9s de un d\u00eda intenso' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Rooftop-1-1024x541.webp', title: 'Rooftop', desc: 'Vistas incre\u00edbles encima del ruido de la ciudad' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/ines-cine-1024x541.webp', title: 'Cinerama', desc: 'Tu sala privada para maratones de tus series favoritas' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/ines-cocina-2.2-1024x541.webp', title: 'Cocina Lounge', desc: 'S\u00e9 el mejor anfitri\u00f3n con cocinas equipadas para tus reuniones' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-6-1024x536.jpg.webp', title: 'Convenience Store', desc: 'Snacks y bebidas saliendo del elevador, siempre a tu alcance' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/sala-juntas-scaled.webp', title: 'Sala de Juntas', desc: 'Espacios profesionales para m\u00e1xima concentraci\u00f3n en tus reuniones' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/07460712-19b1-42bc-9ac4-b725177d1fff.webp', title: 'Gimnasio', desc: 'Equipamiento de primera para tu rutina diaria sin salir del edificio' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-JOSEFA.jpg', title: 'Pet Zone', desc: 'Mascotarios para tu mejor amigo peludo en un entorno seguro' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Sky-cinema.jpg', title: 'Sky Cinema', desc: 'Cine al aire libre con la mejor vista para sorprender a tus invitados' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/leona-asadores.jpg-1536x811.webp', title: 'Asadores BBQ', desc: 'Asadores premium para que seas el anfitri\u00f3n estrella en tus reuniones' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Sky-Bar.jpg', title: 'Sky Bar', desc: 'Skybar para brindar por el \u00e9xito desde las alturas' }, { img: 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-9.jpg', title: 'Eventos', desc: 'Eventos exclusivos en tu edificio donde los vecinos se vuelven amigos' }];\r\n let currentLightboxIndex = 0;\r\n function openLightbox(idx) { currentLightboxIndex = idx; updateLightbox(); document.getElementById('lightboxOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; }\r\n function closeLightbox() { document.getElementById('lightboxOverlay').classList.remove('open'); document.body.style.overflow = ''; }\r\n function updateLightbox() { const item = amenitiesData[currentLightboxIndex]; document.getElementById('lightboxImg').src = item.img; document.getElementById('lightboxImg').alt = item.title; document.getElementById('lightboxTitle').textContent = item.title; document.getElementById('lightboxDesc').textContent = item.desc; document.getElementById('lightboxCounter').textContent = (currentLightboxIndex + 1) + ' \/ ' + amenitiesData.length; }\r\n function lightboxPrev() { currentLightboxIndex = (currentLightboxIndex - 1 + amenitiesData.length) % amenitiesData.length; updateLightbox(); }\r\n function lightboxNext() { currentLightboxIndex = (currentLightboxIndex + 1) % amenitiesData.length; updateLightbox(); }\r\n document.getElementById('lightboxClose').addEventListener('click', closeLightbox);\r\n document.getElementById('lightboxPrev').addEventListener('click', lightboxPrev);\r\n document.getElementById('lightboxNext').addEventListener('click', lightboxNext);\r\n document.getElementById('lightboxOverlay').addEventListener('click', function (e) { if (e.target === this) closeLightbox(); });\r\n document.addEventListener('keydown', function (e) { const lb = document.getElementById('lightboxOverlay'); if (!lb.classList.contains('open')) return; if (e.key === 'Escape') closeLightbox(); if (e.key === 'ArrowLeft') lightboxPrev(); if (e.key === 'ArrowRight') lightboxNext(); });\r\n const nav = document.getElementById('mainNav');\r\n window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 50));\r\n const navToggle = document.getElementById('navToggle');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n navToggle.addEventListener('click', function () { this.classList.toggle('open'); mobileMenu.classList.toggle('open'); document.body.style.overflow = mobileMenu.classList.contains('open') ? 'hidden' : ''; });\r\n document.querySelectorAll('.mobile-nav-link').forEach(link => { link.addEventListener('click', () => { navToggle.classList.remove('open'); mobileMenu.classList.remove('open'); document.body.style.overflow = ''; }); });\r\n const revealObs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); revealObs.unobserve(e.target); } }); }, { threshold: .12 });\r\n document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));\r\n const buildingNames = ['AMALIA', 'IN\u00c9S', 'MAGDA', 'JOSEFA', 'MATILDE', 'NATALIA', 'JOAQUINA', 'LEONA', 'AURORA'];\r\n const sidebarFormIds = { 0: '96d1f251-f481-484b-b838-2123e287d306', 1: '1820c8c0-e4bd-4b83-93e5-dae1c368a2d9', 2: 'db695a6c-5869-49b0-8dd1-e1241d07ff59', 3: 'b36648ae-9c98-4c20-8375-9e6b61d8325d', 4: 'fa44f739-1bf0-46f2-b8f7-398f59b24a56', 5: '090f08b4-5b99-4c98-831e-8927745ec237', 6: 'a0e43f30-1bb9-4806-acc6-003a4bc1f611', 7: '4b765a47-f887-458d-8bec-6b9fbe8e35aa', 8: '69d1ab47-46cc-4a69-9c11-8c57fbd8b49d' };\r\n let sidebarLoadedFor = -1;\r\n function openSidebar(idx) { document.getElementById('sidebarBuildingName').textContent = buildingNames[idx]; if (sidebarLoadedFor !== idx) { const container = document.getElementById('sidebarFormTarget'); container.innerHTML = ''; const formId = sidebarFormIds[idx]; if (formId && typeof hbspt !== 'undefined') { hbspt.forms.create({ portalId: '47830887', formId: formId, region: 'na1', target: '#sidebarFormTarget' }); } else { container.innerHTML = '<p style=\"color:rgba(255,255,255,.5);text-align:center;padding:40px 0;\">Formulario pr\u00f3ximamente disponible<\/p>'; } sidebarLoadedFor = idx; } document.getElementById('sidebarOverlay').classList.add('open'); document.getElementById('sidebarPanel').classList.add('open'); document.body.style.overflow = 'hidden'; }\r\n function closeSidebar() { document.getElementById('sidebarOverlay').classList.remove('open'); document.getElementById('sidebarPanel').classList.remove('open'); document.body.style.overflow = ''; }\r\n document.getElementById('sidebarOverlay').addEventListener('click', closeSidebar);\r\n document.getElementById('sidebarCloseBtn').addEventListener('click', closeSidebar);\r\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeSidebar(); });\r\n\r\n \/\/ ===== WHATSAPP POPUP =====\r\n let waFormLoaded = false;\r\n function openWaPopup() {\r\n if (!waFormLoaded && typeof hbspt !== 'undefined') {\r\n hbspt.forms.create({\r\n portalId: '47830887',\r\n formId: 'd04d018c-0ee4-43ad-ac48-016eed8e2012',\r\n region: 'na1',\r\n target: '#waPopupForm',\r\n onFormReady: function($form) { setTimeout(function(){ fixPhoneField($form); }, 500); }\r\n });\r\n waFormLoaded = true;\r\n }\r\n document.getElementById('waPopup').classList.add('open');\r\n document.getElementById('waPopupOverlay').classList.add('open');\r\n }\r\n function closeWaPopup() {\r\n document.getElementById('waPopup').classList.remove('open');\r\n document.getElementById('waPopupOverlay').classList.remove('open');\r\n }\r\n document.getElementById('waFloatBtn').addEventListener('click', function(e){ e.preventDefault(); openWaPopup(); });\r\n document.getElementById('waPopupClose').addEventListener('click', closeWaPopup);\r\n document.getElementById('waPopupOverlay').addEventListener('click', closeWaPopup);\r\n document.addEventListener('keydown', function(e){ if (e.key === 'Escape') closeWaPopup(); });\r\n\r\n function fixPhoneField(formContext) {\r\n try {\r\n const formEl = (formContext && formContext[0]) ? formContext[0] : formContext;\r\n if (!formEl || !formEl.querySelectorAll) return;\r\n const selects = formEl.querySelectorAll('select');\r\n selects.forEach(sel => {\r\n const isPhoneSelect = Array.from(sel.options).some(o => o.text && o.text.indexOf('+') !== -1);\r\n if (!isPhoneSelect) return;\r\n for (let i = 0; i < sel.options.length; i++) {\r\n if (sel.options[i].text && sel.options[i].text.indexOf('Mexico') !== -1) {\r\n sel.selectedIndex = i;\r\n try { sel.dispatchEvent(new Event('change', { bubbles: true })); } catch(e) {}\r\n break;\r\n }\r\n }\r\n const prefix = document.createElement('span');\r\n prefix.textContent = 'MX +52';\r\n prefix.style.cssText = 'font-family:Outfit,sans-serif;font-size:13px;color:#5a5a5a;white-space:nowrap;flex-shrink:0;padding-right:4px;cursor:pointer;';\r\n sel.style.display = 'none';\r\n if (sel.parentNode) sel.parentNode.insertBefore(prefix, sel);\r\n prefix.addEventListener('click', () => { sel.style.display = ''; prefix.style.display = 'none'; });\r\n });\r\n } catch(e) { console.warn('fixPhoneField error:', e); }\r\n }\r\n function initForms() {\r\n if (typeof hbspt === 'undefined') return;\r\n hbspt.forms.create({\r\n portalId: '47830887', formId: 'd04d018c-0ee4-43ad-ac48-016eed8e2012', region: 'na1', target: '#heroHubspotForm',\r\n onFormReady: function($form) { setTimeout(function() { fixPhoneField($form); }, 500); }\r\n });\r\n }\r\n <\/script>\r\n <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\" defer onload=\"initForms()\"><\/script>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const statNums = document.querySelectorAll('.hero-stat-pill-num');\r\n setTimeout(() => {\r\n statNums.forEach((element, index) => {\r\n setTimeout(() => {\r\n const originalText = element.innerText.trim();\r\n const numMatch = originalText.match(\/[\\d,]+\/);\r\n if (!numMatch) return;\r\n const cleanNum = numMatch[0].replace(\/,\/g, '');\r\n const targetNum = parseInt(cleanNum, 10);\r\n const suffix = originalText.substring(numMatch.index + numMatch[0].length);\r\n const prefix = originalText.substring(0, numMatch.index);\r\n const hasComma = numMatch[0].includes(',');\r\n let current = 0;\r\n const duration = 1500;\r\n const stepTime = 30;\r\n const inc = targetNum \/ (duration \/ stepTime);\r\n element.style.transform = \"scale(0.8)\";\r\n element.style.opacity = \"0.5\";\r\n element.style.transition = \"transform 0.3s, opacity 0.3s\";\r\n const timer = setInterval(() => {\r\n current += inc;\r\n if (current >= targetNum) {\r\n element.innerText = prefix + (hasComma ? targetNum.toLocaleString() : targetNum) + suffix;\r\n element.style.transform = \"scale(1)\";\r\n element.style.opacity = \"1\";\r\n clearInterval(timer);\r\n } else {\r\n const val = Math.floor(current);\r\n element.innerText = prefix + (hasComma ? val.toLocaleString() : val) + suffix;\r\n element.style.transform = \"scale(1.05)\";\r\n element.style.opacity = \"0.9\";\r\n }\r\n }, stepTime);\r\n }, index * 300);\r\n });\r\n }, 1000);\r\n });\r\n <\/script>\r\n \r\n <!-- ===== BILINGUAL IMAGE SWAP FOR \/en\/ ===== -->\r\n <script>\r\n (function() {\r\n if (!\/^\\\/en\\\/\/.test(window.location.pathname) && window.location.pathname !== '\/en') return;\r\n var enImages = [\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/rent-in-napoles.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Rent-in-nuevo-polanco.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/rent-in-roma.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/rent-in-reforma.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/rent-in-juarez.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/rent-in-doctores.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/rent-in-la-del-valle.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/rent-in-condesa.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/rent-in-santa-maria-la-ribera.jpg'\r\n ];\r\n function swapImages() {\r\n var imgs = document.querySelectorAll('.cb-grid .cb-img');\r\n imgs.forEach(function(img, idx) {\r\n if (enImages[idx]) {\r\n img.setAttribute('src', enImages[idx]);\r\n img.setAttribute('srcset', '');\r\n }\r\n });\r\n }\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', swapImages);\r\n } else {\r\n swapImages();\r\n }\r\n })();\r\n <\/script>\r\n\r\n <!-- ===== BIDIRECTIONAL LANGUAGE SWITCHER (ES <-> EN) ===== -->\r\n <script>\r\n (function() {\r\n var path = window.location.pathname || '\/';\r\n var isEN = \/^\\\/en\\\/\/.test(path) || path === '\/en';\r\n\r\n function updateSwitcher() {\r\n var link = document.getElementById('langSwitcherLink');\r\n var flag = document.getElementById('langSwitcherFlag');\r\n if (!link || !flag) return;\r\n\r\n var targetHref;\r\n if (isEN) {\r\n targetHref = 'https:\/\/urbanista.mx' + path.replace(\/^\\\/en\/, '');\r\n flag.setAttribute('src', 'https:\/\/urbanista.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_MX.png');\r\n flag.setAttribute('alt', 'es_MX');\r\n flag.setAttribute('title', 'Espa\u00f1ol');\r\n } else {\r\n targetHref = 'https:\/\/urbanista.mx\/en' + (path === '\/' ? '\/' : path);\r\n flag.setAttribute('src', 'https:\/\/urbanista.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png');\r\n flag.setAttribute('alt', 'en_US');\r\n flag.setAttribute('title', 'English');\r\n }\r\n link.setAttribute('href', targetHref);\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', updateSwitcher);\r\n } else {\r\n updateSwitcher();\r\n }\r\n })();\r\n <\/script>\r\n\r\n <!-- ===== L\u00d3GICA DEL WIZARD DE AGENDAMIENTO ===== -->\r\n <script>\r\n (function(){\r\n if(!document.getElementById('slides')) return; \/* el wizard no est\u00e1 en la p\u00e1gina *\/\r\n\r\n const CONFIG = {\r\n portalId : '47830887',\r\n formId : '1c382be5-c8d7-4b18-a7bd-a439f410f56f',\r\n region : 'na1',\r\n whatsapp : '525594886680',\r\n thankYouUrl : '',\r\n edificioFijo : '',\r\n ladaDefault : '+52',\r\n modoEnvio : 'embed',\r\n webhookRespaldo : '',\r\n camposFijos : {},\r\n consentimiento : false,\r\n depurar : true\r\n };\r\n\r\n const LADAS = [\r\n ['+52','\ud83c\uddf2\ud83c\uddfd +52 M\u00e9xico'], ['+1','\ud83c\uddfa\ud83c\uddf8 +1 EE.UU. \/ Canad\u00e1'], ['+34','\ud83c\uddea\ud83c\uddf8 +34 Espa\u00f1a'],\r\n ['+54','\ud83c\udde6\ud83c\uddf7 +54 Argentina'], ['+57','\ud83c\udde8\ud83c\uddf4 +57 Colombia'], ['+56','\ud83c\udde8\ud83c\uddf1 +56 Chile'],\r\n ['+51','\ud83c\uddf5\ud83c\uddea +51 Per\u00fa'], ['+55','\ud83c\udde7\ud83c\uddf7 +55 Brasil'], ['+58','\ud83c\uddfb\ud83c\uddea +58 Venezuela'],\r\n ['+593','\ud83c\uddea\ud83c\udde8 +593 Ecuador'], ['+591','\ud83c\udde7\ud83c\uddf4 +591 Bolivia'], ['+598','\ud83c\uddfa\ud83c\uddfe +598 Uruguay'],\r\n ['+595','\ud83c\uddf5\ud83c\uddfe +595 Paraguay'], ['+506','\ud83c\udde8\ud83c\uddf7 +506 Costa Rica'], ['+507','\ud83c\uddf5\ud83c\udde6 +507 Panam\u00e1'],\r\n ['+502','\ud83c\uddec\ud83c\uddf9 +502 Guatemala'], ['+503','\ud83c\uddf8\ud83c\uddfb +503 El Salvador'], ['+504','\ud83c\udded\ud83c\uddf3 +504 Honduras'],\r\n ['+505','\ud83c\uddf3\ud83c\uddee +505 Nicaragua'], ['+53','\ud83c\udde8\ud83c\uddfa +53 Cuba'], ['+1809','\ud83c\udde9\ud83c\uddf4 +1809 Rep. Dominicana'],\r\n ['+351','\ud83c\uddf5\ud83c\uddf9 +351 Portugal'], ['+33','\ud83c\uddeb\ud83c\uddf7 +33 Francia'], ['+39','\ud83c\uddee\ud83c\uddf9 +39 Italia'],\r\n ['+49','\ud83c\udde9\ud83c\uddea +49 Alemania'], ['+44','\ud83c\uddec\ud83c\udde7 +44 Reino Unido'], ['+41','\ud83c\udde8\ud83c\udded +41 Suiza'],\r\n ['+31','\ud83c\uddf3\ud83c\uddf1 +31 Pa\u00edses Bajos'], ['+972','\ud83c\uddee\ud83c\uddf1 +972 Israel'], ['+61','\ud83c\udde6\ud83c\uddfa +61 Australia'],\r\n ['+81','\ud83c\uddef\ud83c\uddf5 +81 Jap\u00f3n'], ['+82','\ud83c\uddf0\ud83c\uddf7 +82 Corea del Sur'], ['+86','\ud83c\udde8\ud83c\uddf3 +86 China'],\r\n ['+91','\ud83c\uddee\ud83c\uddf3 +91 India']\r\n ];\r\n\r\n \/* PRECIOS \u00b7 AGOSTO 2026 \u2014 precio \"desde\" por edificio y tipo *\/\r\n const PRECIOS = {\r\n 'In\u00e9s': { 'Studio': 27950, '1 Rec\u00e1mara': 39350 },\r\n 'Josefa': { 'Studio': 27950, '1 Rec\u00e1mara': 40150, '2 Rec\u00e1maras': 43150 },\r\n 'Magda': { 'Studio': 24350, '1 Rec\u00e1mara': 36250, '2 Rec\u00e1maras': 39750 },\r\n 'Amalia': { 'Studio': 25300, '1 Rec\u00e1mara': 32550 },\r\n 'Joaquina': { '1 Rec\u00e1mara': 27750 },\r\n 'Matilde': { 'Studio': 16050 },\r\n 'Leona': { 'Studio': 35350 },\r\n 'Natalia': { '2 Rec\u00e1maras': 23350 },\r\n 'Enriqueta': null\r\n };\r\n const precioTxt = n => 'Desde $' + Number(n).toLocaleString('en-US');\r\n\r\n const PREGUNTAS = [\r\n { id:'nombre', tipo:'texto', campo:'firstname',\r\n kicker:'Empecemos', titulo:'\u00bfCu\u00e1l es tu nombre?',\r\n ayuda:'Queremos que tu experiencia sea cercana desde el primer momento.',\r\n placeholder:'Ana Rivera', autocomplete:'name', placa:'Nombre' },\r\n\r\n { id:'email', tipo:'email', campo:'email',\r\n kicker:'Contacto', titulo:'\u00bfA qu\u00e9 correo te enviamos la informaci\u00f3n de tu tour?',\r\n ayuda:'Recibir\u00e1s la confirmaci\u00f3n y todos los detalles para tu visita.',\r\n placeholder:'ana@correo.com', autocomplete:'email', placa:'Correo' },\r\n\r\n { id:'telefono', tipo:'tel', campo:'phone',\r\n kicker:'Contacto', titulo:'\u00bfCu\u00e1l es tu n\u00famero de WhatsApp?',\r\n ayuda:'Para recordarte de tu visita y resolver cualquier duda.',\r\n placeholder:'55 1234 5678', autocomplete:'tel', placa:'WhatsApp' },\r\n\r\n { id:'edificio', tipo:'opciones', campo:'edificio', buscarPor:['edificio','building'], columnas:1,\r\n kicker:'Comunidad', titulo:'\u00bfQu\u00e9 edificio te interesa?',\r\n ayuda:'Elige la comunidad que hace mejor match contigo en las mejores zonas de la CDMX.',\r\n placa:'Edificio',\r\n opciones:[\r\n {meet:'https:\/\/meetings.hubspot.com\/urbanista\/tour-ines', valor:'In\u00e9s', etiqueta:'In\u00e9s \u00b7 Polanco'},\r\n {meet:'https:\/\/meetings.hubspot.com\/urbanista\/tour-josefa', valor:'Josefa', etiqueta:'Josefa \u00b7 Reforma'},\r\n {meet:'https:\/\/meetings.hubspot.com\/urbanista\/tour-magda', valor:'Magda', etiqueta:'Magda \u00b7 Roma'},\r\n {meet:'https:\/\/meetings.hubspot.com\/urbanista\/tour-amalia', valor:'Amalia', etiqueta:'Amalia \u00b7 N\u00e1poles'},\r\n {meet:'https:\/\/meetings.hubspot.com\/urbanista\/tour-joaquina?uuid=b126542a-da68-4812-965f-fbc9d41d345c', valor:'Joaquina', etiqueta:'Joaquina \u00b7 Del Valle'},\r\n {meet:'https:\/\/meetings.hubspot.com\/urbanista\/tour-matilde', valor:'Matilde', etiqueta:'Matilde \u00b7 Ju\u00e1rez'},\r\n {meet:'https:\/\/meetings.hubspot.com\/urbanista\/tour-leona', valor:'Leona', etiqueta:'Leona \u00b7 Condesa'},\r\n {meet:'https:\/\/meetings.hubspot.com\/urbanista\/tour-natalia', valor:'Natalia', etiqueta:'Natalia \u00b7 Doctores'},\r\n {valor:'Enriqueta', etiqueta:'Aurora \u00b7 Sta Mar\u00eda la Ribera', nota:'Pr\u00f3ximamente'}\r\n ] },\r\n\r\n { id:'tipo', tipo:'opciones', campo:'tipo_de_depa', buscarPor:['tipo','depa','recamara','bedroom'], columnas:2,\r\n kicker:'Tu espacio', titulo:'\u00bfQu\u00e9 tipo de depa est\u00e1s buscando?',\r\n ayuda:'Todos vienen listos para mudarte, con cocina equipada y acabados de dise\u00f1o.',\r\n placa:'Tipo de depa',\r\n opciones:[\r\n {valor:'Studio', etiqueta:'Studio', nota:'Para uno'},\r\n {valor:'1 Rec\u00e1mara', etiqueta:'1 rec\u00e1mara', nota:'El m\u00e1s pedido'},\r\n {valor:'2 Rec\u00e1maras', etiqueta:'2 rec\u00e1maras', nota:'Pareja o roomie'}\r\n ] },\r\n\r\n { id:'mudanza', tipo:'opciones', campo:'fecha_estimada_de_mudanza', buscarPor:['mudanza','mudarte','move','estimada'], columnas:1,\r\n kicker:'Tiempos', titulo:'\u00bfCu\u00e1ndo quieres mudarte?',\r\n ayuda:'As\u00ed revisamos qu\u00e9 est\u00e1 disponible justo en tus fechas.',\r\n placa:'Mudanza',\r\n opciones:[\r\n {valor:'3 a 15 d\u00edas', etiqueta:'3 a 15 d\u00edas', nota:'Ya casi me mudo'},\r\n {valor:'15 a 30 d\u00edas', etiqueta:'15 a 30 d\u00edas', nota:'Ya tengo fecha'},\r\n {valor:'M\u00e1s de 30 d\u00edas', etiqueta:'M\u00e1s de 30 d\u00edas', nota:'Voy planeando'}\r\n ] }\r\n ];\r\n\r\n const FOTOS = [\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/12\/657770b4-3bee-43fb-afcc-f7cdfaa052ff.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/magda-terraza.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/magda-gimnasio.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/cocina-magda.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/magda-cine-en-casa.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/magda-grill.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/0eba9048-ff87-49cb-95ac-11aea3489f75.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/futbolito-magda.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/magda-hero.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/1-recamara-en-renta.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/magda-2-recamaras-renta.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/5990ff2c-2df5-48cd-bb6c-618e49d79832.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/Mirador-monumento-revolucion.jpg',\r\n 'https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/1-6.jpg'\r\n ];\r\n\r\n const RAIZ = document.querySelector('.agenda-embed');\r\n const $ = (s,c=RAIZ)=>c.querySelector(s);\r\n const $$ = (s,c=RAIZ)=>[...c.querySelectorAll(s)];\r\n\r\n \/* ---------- Diagn\u00f3stico (?debug=1) ---------- *\/\r\n const DEBUG = CONFIG.depurar && new URLSearchParams(location.search).has('debug');\r\n function diag(texto, clase){\r\n console[clase === 'bad' ? 'error' : clase === 'warn' ? 'warn' : 'log']('[Urbanista]', texto);\r\n if(!DEBUG) return;\r\n const panel = document.getElementById('diag');\r\n if(!panel) return;\r\n panel.classList.add('is-on');\r\n const p = document.createElement('p');\r\n if(clase) p.className = clase;\r\n p.textContent = texto;\r\n document.getElementById('diagBody').appendChild(p);\r\n }\r\n\r\n \/* ---------- Marquee (desktop) + Hero m\u00f3vil ---------- *\/\r\n (function(){\r\n const mitad = Math.ceil(FOTOS.length\/2);\r\n [['#reelA',FOTOS.slice(0,mitad)],['#reelB',FOTOS.slice(mitad)]].forEach(([sel,lista])=>{\r\n const col=$(sel); if(!col) return;\r\n [...lista,...lista].forEach(src=>{const i=new Image();i.src=src;i.loading='lazy';i.alt='';col.appendChild(i);});\r\n });\r\n const hero=$('#heroSlides');\r\n if(hero){\r\n FOTOS.forEach((src,i)=>{\r\n const im=new Image(); im.src=src; im.alt=''; im.decoding='async';\r\n im.loading = i===0 ? 'eager' : 'lazy';\r\n if(i===0) im.classList.add('is-on');\r\n hero.appendChild(im);\r\n });\r\n if(FOTOS.length>1 && !matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n let h=0;\r\n setInterval(()=>{\r\n const imgs=$$('img',hero); if(!imgs.length) return;\r\n imgs[h].classList.remove('is-on');\r\n h=(h+1)%imgs.length;\r\n imgs[h].classList.add('is-on');\r\n },4500);\r\n }\r\n }\r\n })();\r\n\r\n \/* ---------- Estado ---------- *\/\r\n const activas = PREGUNTAS.filter(p => !(p.id === 'edificio' && CONFIG.edificioFijo));\r\n const respuestas = {}, visibles = {};\r\n if(CONFIG.edificioFijo){ respuestas.edificio = CONFIG.edificioFijo; visibles.edificio = CONFIG.edificioFijo; }\r\n const TOTAL = activas.length;\r\n let indice = 0;\r\n\r\n \/* ---------- Render ---------- *\/\r\n const optHTML = (o,n)=>`\r\n <button class=\"opt\" type=\"button\" data-valor=\"${o.valor}\" data-etiqueta=\"${o.etiqueta}\" ${o.deshabilitada?'disabled':''}>\r\n <span class=\"opt-key\">${n+1}<\/span>\r\n <span class=\"opt-main\"><span class=\"opt-label\">${o.etiqueta}<\/span>${o.nota?`<span class=\"opt-note\">${o.nota}<\/span>`:''}<\/span>\r\n <\/button>`;\r\n\r\n const cont = $('#slides');\r\n activas.forEach((p,i)=>{\r\n const s = document.createElement('section');\r\n s.className = 'slide'; s.dataset.idx = i;\r\n let cuerpo = '';\r\n\r\n if(p.tipo === 'opciones'){\r\n const cols = p.columnas === 2 ? ' cols-2' : '';\r\n cuerpo = `<div class=\"options${cols}\" data-id=\"${p.id}\">` + p.opciones.map(optHTML).join('') + `<\/div>`;\r\n\r\n }else if(p.tipo === 'tel'){\r\n cuerpo = `\r\n <div class=\"campo\" data-id=\"${p.id}\">\r\n <div class=\"tel-row\">\r\n <select id=\"lada\" aria-label=\"C\u00f3digo de pa\u00eds\">${LADAS.map(([v,t])=>`<option value=\"${v}\"${v===CONFIG.ladaDefault?' selected':''}>${t}<\/option>`).join('')}<\/select>\r\n <input id=\"in-${p.id}\" type=\"tel\" inputmode=\"tel\" autocomplete=\"tel-national\" placeholder=\"${p.placeholder||''}\">\r\n <\/div>\r\n <span class=\"err\"><\/span>\r\n <\/div>\r\n <button class=\"cta\" type=\"button\" data-next>Continuar<\/button>\r\n <span class=\"hint\">O presiona <kbd>Enter<\/kbd><\/span>`;\r\n\r\n }else{\r\n const tipo = p.tipo === 'email' ? 'email' : 'text';\r\n cuerpo = `\r\n <div class=\"campo\" data-id=\"${p.id}\">\r\n <input id=\"in-${p.id}\" type=\"${tipo}\" inputmode=\"${p.tipo==='email'?'email':'text'}\" autocomplete=\"${p.autocomplete||'on'}\" placeholder=\"${p.placeholder||''}\">\r\n <span class=\"err\"><\/span>\r\n <\/div>\r\n <button class=\"cta\" type=\"button\" data-next>Continuar<\/button>\r\n <span class=\"hint\">O presiona <kbd>Enter<\/kbd><\/span>`;\r\n }\r\n\r\n s.innerHTML = `\r\n <p class=\"u-eyebrow kicker\">${p.kicker||''}<\/p>\r\n <h2 class=\"u-display q-title\">${p.titulo}<\/h2>\r\n ${p.ayuda?`<p class=\"q-help\">${p.ayuda}<\/p>`:''}\r\n ${cuerpo}`;\r\n cont.appendChild(s);\r\n });\r\n\r\n \/* Placa *\/\r\n (function(){\r\n const body = $('#placaBody');\r\n activas.forEach(p=>{\r\n const row = document.createElement('div');\r\n row.className = 'placa-row';\r\n row.innerHTML = `<dt>${p.placa||p.titulo}<\/dt><dd data-placa=\"${p.id}\">\u2014<\/dd>`;\r\n body.appendChild(row);\r\n });\r\n $('#placaCount').textContent = `0 \/ ${$$('#placaBody dd').length}`;\r\n })();\r\n function contarPlaca(){\r\n const total = $$('#placaBody dd').length;\r\n $('#placaCount').textContent = `${Math.min(Object.keys(visibles).length, total)} \/ ${total}`;\r\n }\r\n function pintarPlaca(id){\r\n const dd = $(`[data-placa=\"${id}\"]`); if(!dd) return;\r\n dd.textContent = visibles[id] || '\u2014';\r\n dd.classList.add('is-set','just-set');\r\n setTimeout(()=>dd.classList.remove('just-set'),460);\r\n contarPlaca();\r\n }\r\n\r\n \/* ---------- Navegaci\u00f3n ---------- *\/\r\n const lista = () => [...$$('#slides .slide'), $('#slideCheck'), $('#slideDone')];\r\n function ir(i){\r\n indice = i;\r\n const todos = lista();\r\n todos.forEach((s,n)=> s.classList.toggle('is-active', n === i));\r\n $('#bar').style.width = Math.min((i\/TOTAL)*100, 100) + '%';\r\n $('#count').textContent = i < TOTAL ? `Paso ${i+1} de ${TOTAL}` : (i === TOTAL ? 'Revisi\u00f3n' : '\u00a1Listo!');\r\n $('#back').hidden = (i === 0 || i > TOTAL);\r\n if(i === TOTAL){ pintarCheck(); if(CONFIG.modoEnvio === 'embed' && !pareceBot()) montarFormReal(); }\r\n const activo = todos[i];\r\n if(activo){\r\n const input = activo.querySelector('input:not([aria-hidden=\"true\"])');\r\n if(input) setTimeout(()=>input.focus({preventScroll:true}), 340);\r\n }\r\n }\r\n $('#back').addEventListener('click', ()=> ir(Math.max(0, indice-1)));\r\n\r\n \/* ---------- Validaci\u00f3n ---------- *\/\r\n function valida(p, valor){\r\n if(p.tipo === 'email') return \/^[^@\\s]+@[^@\\s]+\\.[a-z]{2,}$\/i.test(valor) ? '' : 'Revisa tu correo, algo no cuadra.';\r\n if(p.tipo === 'tel'){\r\n const digitos = valor.replace(\/\\D\/g,'');\r\n const lada = $('#lada').value;\r\n if(lada === '+52') return digitos.length === 10 ? '' : 'En M\u00e9xico son 10 d\u00edgitos, sin el 1 ni el 044.';\r\n return digitos.length >= 7 ? '' : 'Escribe tu n\u00famero completo, sin la lada del pa\u00eds.';\r\n }\r\n if(p.id === 'nombre') return valor.trim().split(\/\\s+\/).filter(Boolean).length >= 2 ? '' : 'Escribe tu nombre y al menos un apellido.';\r\n return valor.trim() ? '' : 'Este dato es necesario para continuar.';\r\n }\r\n\r\n function guardarTexto(i){\r\n const p = activas[i];\r\n const campo = $(`.campo[data-id=\"${p.id}\"]`);\r\n const input = campo.querySelector('input');\r\n const msg = valida(p, input.value);\r\n if(msg){\r\n campo.classList.add('has-error');\r\n campo.querySelector('.err').textContent = msg;\r\n input.focus();\r\n return false;\r\n }\r\n campo.classList.remove('has-error');\r\n if(p.tipo === 'tel'){\r\n const lada = $('#lada').value;\r\n const num = input.value.replace(\/\\D\/g,'');\r\n respuestas[p.id] = `${lada}${num}`;\r\n visibles[p.id] = `${lada} ${num}`;\r\n }else{\r\n respuestas[p.id] = input.value.trim();\r\n visibles[p.id] = input.value.trim();\r\n }\r\n pintarPlaca(p.id);\r\n return true;\r\n }\r\n\r\n $$('[data-next]').forEach(b=> b.addEventListener('click', ()=>{ if(guardarTexto(indice)) ir(indice+1); }));\r\n $$('.campo input').forEach(input=>{\r\n input.addEventListener('input', ()=> input.closest('.campo').classList.remove('has-error'));\r\n input.addEventListener('keydown', e=>{ if(e.key === 'Enter'){ e.preventDefault(); if(guardarTexto(indice)) ir(indice+1); } });\r\n });\r\n const selLada = $('#lada');\r\n if(selLada) selLada.addEventListener('change', ()=> selLada.closest('.campo').classList.remove('has-error'));\r\n\r\n \/* ---------- Opciones ---------- *\/\r\n function bindOpciones(group){\r\n const id = group.dataset.id;\r\n $$('.opt', group).forEach(btn=>{\r\n if(btn.disabled) return;\r\n btn.addEventListener('click', ()=>{\r\n $$('.opt', group).forEach(b=>b.classList.remove('is-selected'));\r\n btn.classList.add('is-selected');\r\n respuestas[id] = btn.dataset.valor;\r\n visibles[id] = btn.dataset.etiqueta;\r\n pintarPlaca(id);\r\n if(id === 'edificio') pintarTipos(btn.dataset.valor);\r\n setTimeout(()=> ir(indice+1), 280);\r\n });\r\n });\r\n }\r\n $$('.options').forEach(bindOpciones);\r\n\r\n \/* ---------- Tipos de depa din\u00e1micos ---------- *\/\r\n function pintarTipos(edificio){\r\n const grupo = $('.options[data-id=\"tipo\"]');\r\n const pTipo = activas.find(p=>p.id==='tipo');\r\n if(!grupo || !pTipo) return;\r\n\r\n const precios = PRECIOS[edificio];\r\n let ops;\r\n if(precios && Object.keys(precios).length){\r\n ops = pTipo.opciones.map(o => precios[o.valor] != null\r\n ? {...o, nota: precioTxt(precios[o.valor]), deshabilitada:false}\r\n : {...o, nota: 'No disponible', deshabilitada:true});\r\n }else{\r\n ops = pTipo.opciones;\r\n }\r\n\r\n grupo.innerHTML = ops.map(optHTML).join('');\r\n diag(`Tipos para ${edificio}: ` + ops.map(o=>`${o.valor}${o.deshabilitada?' (bloqueado)':o.nota?` (${o.nota})`:''}`).join(' \u00b7 '));\r\n\r\n const validos = ops.filter(o=>!o.deshabilitada).map(o=>o.valor);\r\n if(respuestas.tipo && !validos.includes(respuestas.tipo)){\r\n delete respuestas.tipo; delete visibles.tipo;\r\n const dd = $('[data-placa=\"tipo\"]');\r\n if(dd){ dd.textContent='\u2014'; dd.classList.remove('is-set'); }\r\n contarPlaca();\r\n }else if(respuestas.tipo){\r\n const sel = $$('.opt', grupo).find(b=>b.dataset.valor===respuestas.tipo);\r\n if(sel) sel.classList.add('is-selected');\r\n }\r\n bindOpciones(grupo);\r\n }\r\n if(CONFIG.edificioFijo) pintarTipos(CONFIG.edificioFijo);\r\n\r\n \/* Atajos 1-9 solo si el wizard est\u00e1 a la vista *\/\r\n document.addEventListener('keydown', e=>{\r\n if(indice >= TOTAL || !\/^[1-9]$\/.test(e.key)) return;\r\n if(['INPUT','TEXTAREA','SELECT'].includes(document.activeElement.tagName)) return;\r\n const caja = RAIZ.getBoundingClientRect();\r\n if(caja.bottom < 120 || caja.top > window.innerHeight - 120) return;\r\n const opts = $$('.opt', lista()[indice]);\r\n if(opts[+e.key-1] && !opts[+e.key-1].disabled) opts[+e.key-1].click();\r\n });\r\n\r\n \/* ---------- Revisi\u00f3n ---------- *\/\r\n function pintarCheck(){\r\n $('#checkList').innerHTML = activas.map((p,i)=> `\r\n <div class=\"check-row\">\r\n <span class=\"check-tick\" aria-hidden=\"true\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\r\n <dl class=\"check-body\"><dt>${p.placa||p.titulo}<\/dt><dd>${visibles[p.id]||'\u2014'}<\/dd><\/dl>\r\n <button class=\"check-edit\" type=\"button\" data-editar=\"${i}\">Cambiar<\/button>\r\n <\/div>`).join('');\r\n $$('[data-editar]').forEach(b=> b.addEventListener('click', ()=> ir(+b.dataset.editar)));\r\n }\r\n\r\n \/* ============ HubSpot ============ *\/\r\n const utm = k => new URLSearchParams(location.search).get(k) || '';\r\n const hutk = () => (document.cookie.match(\/hubspotutk=([^;]+)\/)||[])[1] || '';\r\n\r\n function datosFinales(){\r\n const partes = (respuestas.nombre||'').trim().split(\/\\s+\/);\r\n const d = {\r\n firstname : partes.shift() || '',\r\n lastname : partes.join(' '),\r\n email : respuestas.email || '',\r\n phone : respuestas.telefono || '',\r\n ...CONFIG.camposFijos,\r\n utm_source : utm('utm_source'), utm_medium : utm('utm_medium'),\r\n utm_campaign : utm('utm_campaign'), utm_content : utm('utm_content'), utm_term : utm('utm_term')\r\n };\r\n PREGUNTAS.forEach(p=>{\r\n if(['nombre','email','telefono'].includes(p.id) || !p.campo) return;\r\n if(respuestas[p.id]) d[p.campo] = respuestas[p.id];\r\n });\r\n Object.keys(d).forEach(k => { if(!d[k]) delete d[k]; });\r\n return d;\r\n }\r\n\r\n const ENDPOINT = `https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/${CONFIG.portalId}\/${CONFIG.formId}`;\r\n\r\n async function postHubspot(datos, sinHutk){\r\n const ctx = { pageUri: location.href, pageName: document.title };\r\n const token = hutk();\r\n if(token && !sinHutk) ctx.hutk = token;\r\n const cuerpo = { fields: Object.entries(datos).map(([name,value])=>({name, value:String(value)})), context: ctx };\r\n if(CONFIG.consentimiento){\r\n cuerpo.legalConsentOptions = { consent:{ consentToProcess:true, text:'Acepto el aviso de privacidad de Urbanista.' } };\r\n }\r\n const res = await fetch(ENDPOINT, {\r\n method:'POST', headers:{'Content-Type':'application\/json'}, body: JSON.stringify(cuerpo)\r\n });\r\n return { ok: res.ok, status: res.status, texto: await res.text() };\r\n }\r\n\r\n const camposRechazados = texto =>\r\n [...new Set([...texto.matchAll(\/fields\\.([A-Za-z0-9_.]+)\/g)].map(m => m[1]))];\r\n\r\n const ABIERTO_EN = Date.now();\r\n function pareceBot(){\r\n const trampa = $('#empresa_web');\r\n if(trampa && trampa.value.trim()){ diag('Trampa de spam activada: campo oculto relleno.', 'warn'); return true; }\r\n if(Date.now() - ABIERTO_EN < 4000){ diag('Trampa de spam activada: enviado en menos de 4 s.', 'warn'); return true; }\r\n return false;\r\n }\r\n\r\n \/* ---------- Modo embed ---------- *\/\r\n let hsForm = null, formListo = false, enviando = false;\r\n const sinAcentos = t => (t||'').toString().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'').toLowerCase();\r\n\r\n function setCampo(nombre, valor){\r\n if(!hsForm || valor === undefined || valor === '') return false;\r\n const nodos = [...hsForm.querySelectorAll(`[name=\"${nombre}\"]`)];\r\n if(!nodos.length) return false;\r\n const el = nodos[0];\r\n if(el.type === 'hidden' && String(el.value).trim()) return true;\r\n if(el.type === 'radio' || el.type === 'checkbox'){\r\n const m = nodos.find(n=>n.value===valor) || nodos.find(n=>(n.closest('label')?.textContent||'').trim()===valor);\r\n if(!m) return false;\r\n m.checked = true; m.dispatchEvent(new Event('change',{bubbles:true}));\r\n return true;\r\n }\r\n if(el.tagName === 'SELECT'){\r\n const v = sinAcentos(valor).replace(\/[^a-z0-9]\/g,'');\r\n const norm = t => sinAcentos(t).replace(\/[^a-z0-9]\/g,'');\r\n const opt = [...el.options].find(o=>o.value===valor)\r\n || [...el.options].find(o=>o.text.trim()===valor)\r\n || [...el.options].find(o=>o.value && (norm(o.value)===v || norm(o.text)===v))\r\n || [...el.options].find(o=>o.value && (norm(o.value).includes(v) || v.includes(norm(o.value))));\r\n if(!opt || !opt.value){\r\n diag(`\"${valor}\" no empata con ninguna opci\u00f3n de \u00ab${nombre}\u00bb.`, 'warn');\r\n return false;\r\n }\r\n el.value = opt.value;\r\n el.classList.remove('is-placeholder','invalid','error');\r\n el.closest('.hs-form-field')?.querySelector('.hs-error-msgs')?.remove();\r\n }else{\r\n el.value = valor;\r\n }\r\n el.dispatchEvent(new Event('input',{bubbles:true}));\r\n el.dispatchEvent(new Event('change',{bubbles:true}));\r\n el.dispatchEvent(new Event('blur',{bubbles:true}));\r\n return true;\r\n }\r\n\r\n function setCampoPorPista(palabras, valor){\r\n if(!hsForm) return false;\r\n for(const f of [...hsForm.querySelectorAll('.hs-form-field')]){\r\n const el = f.querySelector('select,input:not([type=hidden]),textarea');\r\n if(!el || !el.name) continue;\r\n const pistas = sinAcentos([\r\n f.className, el.name, el.getAttribute('placeholder') || '',\r\n f.querySelector(':scope > label')?.textContent || '',\r\n el.tagName === 'SELECT' ? ([...el.options].find(op=>!op.value)?.text || '') : ''\r\n ].join(' '));\r\n if(!palabras.some(w => pistas.includes(sinAcentos(w)))) continue;\r\n if(setCampo(el.name, valor)) return el.name;\r\n }\r\n return false;\r\n }\r\n\r\n function rellenarForm(){\r\n if(!hsForm) return {llenados:[], faltantes:[]};\r\n const datos = datosFinales();\r\n const llenados = [], faltantes = [];\r\n Object.entries(datos).forEach(([k,v]) => (setCampo(k,v) ? llenados : faltantes).push(k));\r\n PREGUNTAS.forEach(pr=>{\r\n if(!pr.buscarPor || !respuestas[pr.id] || llenados.includes(pr.campo)) return;\r\n const real = setCampoPorPista(pr.buscarPor, respuestas[pr.id]);\r\n if(real){\r\n llenados.push(real);\r\n const i = faltantes.indexOf(pr.campo); if(i>=0) faltantes.splice(i,1);\r\n }\r\n });\r\n const telVis = hsForm.querySelector('.hs-fieldtype-intl-phone input[type=tel]');\r\n if(telVis && respuestas.telefono){\r\n telVis.value = respuestas.telefono;\r\n telVis.dispatchEvent(new Event('input',{bubbles:true}));\r\n telVis.dispatchEvent(new Event('change',{bubbles:true}));\r\n }\r\n return {llenados, faltantes};\r\n }\r\n\r\n function pendientes(){\r\n return [...hsForm.querySelectorAll('.hs-form-field')].filter(f=>{\r\n if(f.querySelector('.hs-recaptcha, .grecaptcha-badge')) return false;\r\n const el = f.querySelector('select,input:not([type=hidden]),textarea');\r\n if(!el || !el.name) return false;\r\n const obligatorio = el.required || el.getAttribute('required') !== null;\r\n return obligatorio && !String(el.value).trim();\r\n });\r\n }\r\n\r\n \/* Reutiliza el hbspt que ya carga el home; si no est\u00e1, lo carga *\/\r\n function conHbspt(cb){\r\n if(window.hbspt && window.hbspt.forms) return cb();\r\n const sc = document.createElement('script');\r\n sc.src = 'https:\/\/js.hsforms.net\/forms\/embed\/v2.js';\r\n sc.charset = 'utf-8';\r\n sc.onerror = () => diag('No carg\u00f3 el motor de formularios de HubSpot.', 'bad');\r\n sc.onload = cb;\r\n document.body.appendChild(sc);\r\n }\r\n\r\n function montarFormReal(){\r\n if(hsForm || formListo) return;\r\n formListo = true;\r\n conHbspt(function(){\r\n window.hbspt.forms.create({\r\n portalId: CONFIG.portalId, formId: CONFIG.formId, region: CONFIG.region,\r\n target: '.agenda-embed #hsFrame', css: '',\r\n onFormReady: function($f){\r\n hsForm = ($f && $f.length) ? $f[0] : document.querySelector('.agenda-embed #hsFrame form');\r\n if(!hsForm){ diag('No encontr\u00e9 el <form> de HubSpot.', 'bad'); return; }\r\n const {llenados, faltantes} = rellenarForm();\r\n diag('Prellenados: ' + (llenados.join(', ') || 'ninguno'), llenados.length ? 'good' : 'warn');\r\n if(faltantes.length) diag('Sin colocar: ' + faltantes.join(', '), 'warn');\r\n },\r\n onFormSubmitted: function(){ exito('form de HubSpot'); }\r\n });\r\n });\r\n }\r\n\r\n function revelarForm(motivo){\r\n $('#hsFrame').classList.add('visible');\r\n $('#notaEmbed').hidden = false;\r\n $('#notaEmbed').textContent = motivo;\r\n $('#enviar').hidden = true;\r\n diag('Se revel\u00f3 el form: ' + motivo, 'warn');\r\n }\r\n\r\n window.addEventListener('message', e => {\r\n if(!e.data || e.data.type !== 'hsFormCallback') return;\r\n if(e.data.eventName === 'onFormSubmitted' && $('#hsFrame').querySelector('form')) exito('form de HubSpot');\r\n });\r\n\r\n \/* ---------- Env\u00edo ---------- *\/\r\n $('#enviar').addEventListener('click', async ()=>{\r\n const btn = $('#enviar'), aviso = $('#aviso');\r\n aviso.classList.remove('is-on');\r\n if(enviando) return;\r\n\r\n if(pareceBot()){ return exito('descartado'); }\r\n\r\n if(CONFIG.modoEnvio !== 'embed'){\r\n btn.disabled = true; btn.textContent = 'Apartando tu visita\u2026';\r\n return enviar(datosFinales(), btn, aviso);\r\n }\r\n\r\n if(!hsForm){\r\n aviso.innerHTML = 'Estamos preparando tu solicitud, dale otra vez en un segundo.';\r\n aviso.classList.add('is-on');\r\n montarFormReal();\r\n return;\r\n }\r\n\r\n enviando = true;\r\n btn.disabled = true; btn.textContent = 'Apartando tu visita\u2026';\r\n\r\n rellenarForm();\r\n if(pendientes().length){\r\n enviando = false; btn.disabled = false; btn.textContent = 'Confirmar y agendar mi visita';\r\n return revelarForm('Falta un dato para completar tu solicitud. Compl\u00e9talo aqu\u00ed abajo y confirma.');\r\n }\r\n\r\n const submit = hsForm.querySelector('input[type=submit],button[type=submit]');\r\n if(!submit){\r\n enviando = false;\r\n return revelarForm('Completa tu solicitud aqu\u00ed abajo.');\r\n }\r\n\r\n submit.click();\r\n\r\n setTimeout(()=>{\r\n if($('#slideDone').classList.contains('is-active')) return;\r\n enviando = false; btn.disabled = false; btn.textContent = 'Confirmar y agendar mi visita';\r\n revelarForm('Necesitamos confirmar un par de datos. Rev\u00edsalos aqu\u00ed abajo y env\u00eda.');\r\n }, 8000);\r\n });\r\n\r\n async function enviar(datos, btn, aviso, intento = 1, sinHutk = false){\r\n let r;\r\n try{\r\n r = await postHubspot(datos, sinHutk);\r\n }catch(err){\r\n diag('Error de red al llamar a HubSpot: ' + err, 'bad');\r\n return fallar(btn, aviso);\r\n }\r\n if(r.ok){ diag('\u2713 Lead registrado en HubSpot.', 'good'); return exito('api v3'); }\r\n diag(`HubSpot rechaz\u00f3 el env\u00edo (HTTP ${r.status}): ${r.texto}`, 'bad');\r\n if(\/RECAPTCHA|Captcha\/i.test(r.texto)){\r\n if(CONFIG.webhookRespaldo) return porWebhook(datos, btn, aviso);\r\n return fallar(btn, aviso);\r\n }\r\n if(\/hutk\/i.test(r.texto) && !sinHutk && intento < 6) return enviar(datos, btn, aviso, intento+1, true);\r\n const invalidos = camposRechazados(r.texto);\r\n const limpios = {...datos};\r\n invalidos.forEach(k => delete limpios[k]);\r\n if(invalidos.length && Object.keys(limpios).length && intento < 6) return enviar(limpios, btn, aviso, intento+1, sinHutk);\r\n if(intento < 7){\r\n const minimo = {};\r\n ['firstname','lastname','email','phone'].forEach(k => { if(datos[k]) minimo[k] = datos[k]; });\r\n if(Object.keys(minimo).length && Object.keys(minimo).length < Object.keys(datos).length){\r\n return enviar(minimo, btn, aviso, 7, sinHutk);\r\n }\r\n }\r\n fallar(btn, aviso);\r\n }\r\n\r\n async function porWebhook(datos, btn, aviso){\r\n try{\r\n const res = await fetch(CONFIG.webhookRespaldo, {\r\n method:'POST', headers:{'Content-Type':'application\/json'},\r\n body: JSON.stringify({ ...datos, hutk: hutk(), pageUri: location.href })\r\n });\r\n if(!res.ok) throw new Error('HTTP ' + res.status);\r\n return exito('webhook');\r\n }catch(err){\r\n diag('El webhook de respaldo tambi\u00e9n fall\u00f3: ' + err, 'bad');\r\n return fallar(btn, aviso);\r\n }\r\n }\r\n\r\n function fallar(btn, aviso){\r\n btn.disabled = false; btn.textContent = 'Confirmar y agendar mi visita';\r\n aviso.innerHTML = `No pudimos enviar tu solicitud. Int\u00e9ntalo de nuevo o <a href=\"https:\/\/wa.me\/${CONFIG.whatsapp}\" target=\"_blank\" rel=\"noopener\">escr\u00edbenos por WhatsApp<\/a>.`;\r\n aviso.classList.add('is-on');\r\n }\r\n\r\n function exito(via){\r\n if($('#slideDone').classList.contains('is-active')) return;\r\n diag('Lead registrado v\u00eda ' + via + '.', 'good');\r\n if(window.dataLayer) window.dataLayer.push({event:'tour_agendado', edificio: respuestas.edificio||''});\r\n if(CONFIG.thankYouUrl){ location.href = CONFIG.thankYouUrl; return; }\r\n const nombre = (respuestas.nombre||'').split(' ')[0];\r\n if(nombre) $('#doneTitle').textContent = `Listo ${nombre}, tu visita est\u00e1 apartada`;\r\n const opcEdif = (PREGUNTAS.find(p=>p.id==='edificio')?.opciones || []).find(o=>o.valor === respuestas.edificio);\r\n\r\n if(opcEdif && opcEdif.meet){\r\n const corto = opcEdif.etiqueta.split(' \u00b7 ')[0];\r\n if(nombre) $('#doneTitle').textContent = `Ya casi ${nombre}, elige tu horario`;\r\n $('#doneTexto').textContent = `Selecciona el d\u00eda y la hora que mejor te acomode para conocer ${corto}. Tus datos ya van cargados.`;\r\n\r\n let url;\r\n try{\r\n url = new URL(opcEdif.meet);\r\n url.searchParams.set('embed','true');\r\n const partes = (respuestas.nombre||'').trim().split(\/\\s+\/);\r\n if(partes[0]) url.searchParams.set('firstname', partes.shift());\r\n if(partes.length) url.searchParams.set('lastname', partes.join(' '));\r\n if(respuestas.email) url.searchParams.set('email', respuestas.email);\r\n if(respuestas.telefono) url.searchParams.set('phone', respuestas.telefono);\r\n url = url.toString();\r\n }catch(e){\r\n url = opcEdif.meet + (opcEdif.meet.includes('?') ? '&' : '?') + 'embed=true';\r\n }\r\n\r\n const wrap = $('#meetWrap');\r\n wrap.classList.add('is-on');\r\n wrap.innerHTML = '<p class=\"meet-cargando\">Cargando los horarios disponibles\u2026<\/p>';\r\n\r\n const caja = document.createElement('div');\r\n caja.className = 'meetings-iframe-container';\r\n caja.setAttribute('data-src', url);\r\n wrap.appendChild(caja);\r\n\r\n const sc = document.createElement('script');\r\n sc.type = 'text\/javascript';\r\n sc.src = 'https:\/\/static.hsappstatic.net\/MeetingsEmbed\/ex\/MeetingsEmbedCode.js';\r\n sc.onerror = () => { const c = wrap.querySelector('.meet-cargando'); if(c) c.textContent = 'No pudimos cargar el calendario.'; };\r\n document.body.appendChild(sc);\r\n\r\n const vigilante = new MutationObserver(()=>{\r\n if(caja.querySelector('iframe')){\r\n wrap.querySelector('.meet-cargando')?.remove();\r\n vigilante.disconnect();\r\n }\r\n });\r\n vigilante.observe(caja, {childList:true, subtree:true});\r\n setTimeout(()=>{\r\n if(!caja.querySelector('iframe')) wrap.querySelector('.meet-cargando')?.remove();\r\n vigilante.disconnect();\r\n }, 6000);\r\n\r\n $('#meetLink').href = url.replace('embed=true','');\r\n $('#meetAlterno').hidden = false;\r\n $('.stage-inner').style.maxWidth = '860px';\r\n\r\n }else if(respuestas.edificio === 'Enriqueta'){\r\n $('#doneTexto').textContent = 'Aurora abre pronto. Te avisamos en cuanto haya fecha para visitarla.';\r\n }\r\n\r\n ir(TOTAL+1);\r\n $('#bar').style.width = '100%';\r\n RAIZ.scrollIntoView({block:'start', behavior:'smooth'});\r\n }\r\n\r\n window.probarCampos = async function(){\r\n const prueba = { firstname:'Prueba', lastname:'Campos', email:'esto-no-es-un-correo', phone:'+525500000000', ...CONFIG.camposFijos };\r\n PREGUNTAS.forEach(p=>{\r\n if(['nombre','email','telefono'].includes(p.id) || !p.campo) return;\r\n prueba[p.campo] = (p.opciones && p.opciones[0]) ? p.opciones[0].valor : 'prueba';\r\n });\r\n try{\r\n const r = await postHubspot(prueba, true);\r\n const malos = camposRechazados(r.texto);\r\n const buenos = Object.keys(prueba).filter(k => !malos.includes(k));\r\n diag('\u2713 S\u00cd existen en el form: ' + (buenos.join(', ') || '(ninguno)'), 'good');\r\n diag(malos.length ? '\u2717 NO existen: ' + malos.join(', ') : '\u2717 NO existen: ninguno.', malos.length ? 'warn' : 'good');\r\n }catch(err){ diag('No se pudo probar: ' + err, 'bad'); }\r\n };\r\n\r\n ir(0);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40c789a e-flex e-con-boxed e-con e-parent\" data-id=\"40c789a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68b03a9 elementor-widget elementor-widget-shortcode\" data-id=\"68b03a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<header data-elementor-type=\"popup\" data-elementor-id=\"13018\" class=\"elementor elementor-13018\" data-elementor-settings=\"{"entrance_animation":"fadeInRight","exit_animation":"fadeInRight","avoid_multiple_popups":"yes","open_selector":"#waba_hubspot","entrance_animation_duration":{"unit":"px","size":1.2,"sizes":[]},"a11y_navigation":"yes","timing":[]}\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-5d59215 e-flex e-con-boxed e-con e-parent\" data-id=\"5d59215\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6a536f elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a6a536f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":450}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cont\u00e1ctanos por Whatsapp<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b22a37 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8b22a37\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":500}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"hubspot-form-container\"><\/div>\r\n\r\n<script>\r\njQuery(document).on('elementor\/popup\/show', function() {\r\n const $target = jQuery('#hubspot-form-container');\r\n \r\n \/\/ Solo se ejecuta si el contenedor existe en el popup actual y no se ha cargado\r\n if ($target.length > 0 && !$target.data('loaded')) {\r\n if (window.hbspt) {\r\n hbspt.forms.create({\r\n region: \"na1\",\r\n portalId: \"47830887\",\r\n formId: \"469ebf39-e412-4a66-b725-07c096d60998\",\r\n target: '#hubspot-form-container',\r\n onFormReady: function() {\r\n $target.data('loaded', true);\r\n \/\/ Esto arregla la posici\u00f3n centrada\r\n setTimeout(function() {\r\n jQuery(window).trigger('resize');\r\n }, 200);\r\n }\r\n });\r\n }\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Urbanista \u2014 Departamentos en Renta en CDMX sin Aval ConceptoComunidadesExperienciasC\u00f3mo FuncionaAgendar Visita Concepto Comunidades C\u00f3mo Funciona Blog FAQ Alma 390 AGENDA TU TOUR DEPARTAMENTOS EN<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22241","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/comments?post=22241"}],"version-history":[{"count":406,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22241\/revisions"}],"predecessor-version":[{"id":25655,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22241\/revisions\/25655"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=22241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}