{"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-04-18T18:34:24","modified_gmt":"2026-04-19T00:34:24","slug":"urbanista-departamentos-en-renta-en-ciudad-de-mexico","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/","title":{"rendered":"Urbanista &#8211; Departamentos en renta en Ciudad de M\u00e9xico"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22241\" class=\"elementor elementor-22241\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a61bcb e-con-full e-flex e-con e-parent\" data-id=\"2a61bcb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3f2334 elementor-widget elementor-widget-html\" data-id=\"e3f2334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es-MX\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>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    <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: TRANSPARENTE \u2192 AZUL ===== *\/\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 V2 \u2014 REFERENCE LAYOUT ===== *\/\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: 18px;\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        \/* ===== SHARED SECTION STYLES ===== *\/\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 SECTION 2 \u2014 BLANCO BG ===== *\/\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        \/* ===== PRIMERA COLUMNA: Renta Tradicional (centrada, tono apagado) ===== *\/\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\r\n        \/* ===== SEGUNDA COLUMNA: Renta con Urbanista (sobresaliendo) ===== *\/\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        }\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\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 \u2014 AZUL BG ===== *\/\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        \/* ===== COMUNIDADES NATIVAS ===== *\/\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        \/* ===== PASOS \u2014 AZUL BG ===== *\/\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-layout {\r\n            display: grid; grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n            max-width: 1400px;\r\n            margin: 40px auto 0;\r\n            align-items: center;\r\n        }\r\n        .step-form-card {\r\n            background: var(--white); \r\n            border-radius: 12px;\r\n            padding: 32px;\r\n            position: relative; overflow: hidden;\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n        }\r\n        .step-form-card::before {\r\n            content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--terra), var(--navy))\r\n        }\r\n        .step-form-badge { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 16px }\r\n        .step-form-num {\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-family: 'Outfit', sans-serif;\r\n            font-size: 17px; color: var(--white)\r\n        }\r\n        .step-form-badge-text { font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--terra-light) }\r\n        .step-form-title { font-size: 24px; color: var(--navy); margin-bottom: 6px; font-weight: 800; }\r\n        .step-form-desc { font-size: 15px; color: var(--text-secondary); line-height: 1.5; margin-bottom: 20px }\r\n        \r\n        #stepsHubspotForm .hs-form { display: flex !important; flex-direction: column !important; gap: 0 !important }\r\n        #stepsHubspotForm .hs-form-field { padding: 4px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .1) !important; margin-bottom: 8px !important; }\r\n        #stepsHubspotForm .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            font-family: 'Outfit', sans-serif !important;\r\n            margin-bottom: 4px !important\r\n        }\r\n        #stepsHubspotForm input, #stepsHubspotForm select {\r\n            width: 100% !important; border: none !important;\r\n            padding: 6px 0 4px !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        #stepsHubspotForm .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: 14px 32px !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            transition: all .3s !important;\r\n            margin-top: 16px !important\r\n        }\r\n        #stepsHubspotForm .hs-button:hover { background: var(--terra-light) !important; transform: translateY(-1px) !important }\r\n        \r\n        .steps-right { \r\n            display: flex; flex-direction: column; gap: 0; padding: 32px;\r\n            background: #0000002b; \r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n            border-radius: 12px;\r\n        }\r\n        .step-row {\r\n            display: flex; gap: 20px; align-items: flex-start;\r\n            padding: 20px 0;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        .step-row:first-of-type { padding-top: 0; }\r\n        .step-row:last-of-type { border-bottom: none; padding-bottom: 0; }\r\n        .step-row-num {\r\n            width: 48px; height: 48px; min-width: 48px;\r\n            border-radius: 50%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\r\n            display: flex; align-items: center; justify-content: center;\r\n            position: relative\r\n        }\r\n        .step-row-num span { font-family: 'Outfit', sans-serif; font-size: 18px; color: var(--white); font-weight: 700; }\r\n        .step-row-num-icon {\r\n            position: absolute; bottom: -2px; right: -2px;\r\n            width: 20px; height: 20px;\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-row-num-icon svg { width: 10px; height: 10px; stroke: var(--white); fill: none; stroke-width: 2.5 }\r\n        .step-row-body h4 { font-size: 18px; font-weight: 800; color: var(--white); font-family: 'Outfit', sans-serif; margin-bottom: 4px }\r\n        .step-row-body p { font-size: 15px; color: rgba(255, 255, 255, 0.7); line-height: 1.5 }\r\n        .step-row-tag {\r\n            margin-top: 6px; display: inline-flex;\r\n            background: rgba(0, 180, 216, .08);\r\n            border: 1px solid rgba(0, 180, 216, .15);\r\n            color: var(--terra-light);\r\n            padding: 3px 10px; border-radius: 100px;\r\n            font-size: 10px; font-weight: 600;\r\n            letter-spacing: 1px; text-transform: uppercase\r\n        }\r\n        \/* ===== TESTIMONIALS \u2014 BLANCO BG ===== *\/\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 \u2014 AZUL BG ===== *\/\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 \u2014 BLANCO BG ===== *\/\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 ===== *\/\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        \/* ===== WHATSAPP FLOAT ===== *\/\r\n        .wa-float {\r\n            position: fixed; bottom: 28px; right: 28px;\r\n            z-index: 900;\r\n            width: 52px; height: 52px;\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, .3);\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: 26px; fill: white }\r\n        \/* ===== SIDEBAR ===== *\/\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 ===== *\/\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        \/* ===== ANIMATIONS ===== *\/\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        \/* ============================================================\r\n           RESPONSIVE\r\n           ============================================================ *\/\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: 14px; }\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            .steps-layout { grid-template-columns: 1fr; gap: 32px; margin-top: 24px; align-items: start; }\r\n            .step-form-card { padding: 24px 18px }\r\n            .steps-right { padding: 24px 18px }\r\n            .step-row { padding: 16px 0 }\r\n            .step-row-num { width: 42px; height: 42px; min-width: 42px }\r\n            .step-row-num span { font-size: 16px }\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-form-title { font-size: 20px }\r\n            .step-form-desc { font-size: 14px }\r\n            .step-row-body h4 { font-size: 16px }\r\n            .step-row-body 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        \/* ============================================================\r\n           1920x1080 @ 150% SCALE\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: 15px; }\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: 16px !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-layout { margin-top: 12px; gap: 24px; }\r\n            .step-form-card { padding: 18px 20px; }\r\n            .steps-right { padding: 18px 20px; }\r\n            .step-form-badge { margin-bottom: 6px; }\r\n            .step-form-num { width: 28px; height: 28px; font-size: 13px; }\r\n            .step-form-title { font-size: 17px; margin-bottom: 2px; }\r\n            .step-form-desc { font-size: 12px; margin-bottom: 8px; line-height: 1.4; }\r\n            #stepsHubspotForm .hs-form {\r\n                display: grid !important;\r\n                grid-template-columns: 1fr 1fr !important;\r\n                gap: 0 16px !important;\r\n            }\r\n            #stepsHubspotForm .hs-form-field { padding: 4px 0 !important; }\r\n            #stepsHubspotForm .hs_submit { grid-column: 1 \/ -1 !important; }\r\n            #stepsHubspotForm .hs-button { padding: 10px 24px !important; font-size: 11px !important; margin-top: 6px !important; }\r\n            .step-row { padding: 10px 0; gap: 12px; }\r\n            .step-row-num { width: 36px; height: 36px; min-width: 36px; }\r\n            .step-row-num span { font-size: 14px; }\r\n            .step-row-num-icon { width: 16px; height: 16px; }\r\n            .step-row-num-icon svg { width: 7px; height: 7px; }\r\n            .step-row-body h4 { font-size: 15px; margin-bottom: 1px; }\r\n            .step-row-body p { font-size: 12px; line-height: 1.4; }\r\n            .step-row-tag { font-size: 8px; padding: 2px 7px; margin-top: 3px; }\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    <\/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\/por-que-rentar-departamento-cdmx\/\">Por qu\u00e9 Urbanista<\/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=\"#pasos\" class=\"nav-cta\">AGENDAR VISITA<\/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>Aval, burocracia, casero que no contesta. Cuando algo se rompe, te dicen que lo arregles t\u00fa.<\/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\">Renta F\u00e1cil:<\/span> Sin aval. Aprobaci\u00f3n en 24 hrs. Equipo profesional en sitio.<\/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>Ruido, calor, inseguridad. Tu depa no te deja descansar.<\/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\">Oasis Urbano:<\/span> Aislamiento ac\u00fastico. Aire acondicionado central. Seguridad 24\/7.<\/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>Sin d\u00f3nde trabajar, recibir amigos, o desconectar.<\/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\">Comparte & Recarga:<\/span> Gym, coworking, rooftop, cocinas de entretenimiento.<\/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=\"#pasos\" 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\/04\/Comparte-y-recarga-home-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-2\/\" 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\">Desde:<br><b>$23,330.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\">Desde:<br><b>$29,630.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\">Desde:<br><b>$23,530.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\">Desde:<br><b>$28,930.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\">Una rec\u00e1mara desde:<br><b>$18,430.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\/04\/064ed2b7-24c3-4eeb-a318-c0121d76c971.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\">Desde:<br><b>$26,730.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\">Desde:<br><b>$25,530.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\"><b>SIN DISPONIBILIDAD<\/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\/03\/Renta-en-santa-maria-la-ribera.jpg\" alt=\"Enriqueta 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:28px\" class=\"reveal\">\r\n            <h2 class=\"pilares-title\" style=\"margin:16px auto;text-align:center\">Tu nuevo hogar en <em>4 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        <div class=\"steps-layout\">\r\n            <div class=\"step-form-card reveal\">\r\n                <div class=\"step-form-badge\">\r\n                    <div class=\"step-form-num\">1<\/div><span class=\"step-form-badge-text\">Paso uno \u00b7 2 minutos<\/span>\r\n                <\/div>\r\n                <h3 class=\"step-form-title\">Llena el formulario<\/h3>\r\n                <p class=\"step-form-desc\">D\u00e9janos tus datos y el edificio que te interesa. Sin compromiso, sin letras chiquitas.<\/p>\r\n                <div id=\"stepsHubspotForm\"><\/div>\r\n            <\/div>\r\n            <div class=\"steps-right reveal reveal-delay-2 visible\">\r\n                <div class=\"step-row\">\r\n                    <div class=\"step-row-num\"><span>2<\/span>\r\n                        <div class=\"step-row-num-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\" \/><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"step-row-body\">\r\n                        <h4>Te contactamos<\/h4>\r\n                        <p>Un asesor Urbanista se comunica contigo para resolver dudas y agendar tu visita presencial.<\/p>\r\n                        <div class=\"step-row-tag\">Mismo d\u00eda<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"step-row\">\r\n                    <div class=\"step-row-num\"><span>3<\/span>\r\n                        <div class=\"step-row-num-icon\"><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><\/div>\r\n                    <\/div>\r\n                    <div class=\"step-row-body\">\r\n                        <h4>Visita tu depa<\/h4>\r\n                        <p>Conoce el edificio, las amenidades y tu futuro departamento.<\/p>\r\n                        <div class=\"step-row-tag\">Sin compromiso<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"step-row\">\r\n                    <div class=\"step-row-num\"><span>4<\/span>\r\n                        <div class=\"step-row-num-icon\"><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><\/div>\r\n                    <\/div>\r\n                    <div class=\"step-row-body\">\r\n                        <h4>Firma y m\u00fadate<\/h4>\r\n                        <p>Contrato directo con Urbanista, sin aval. En 24 horas tienes confirmaci\u00f3n.<\/p>\r\n                        <div class=\"step-row-tag\">24h confirmaci\u00f3n<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\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=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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=\"{&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:81,&quot;sizes&quot;:[]},&quot;classic_columns_tablet&quot;:&quot;3&quot;,&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:28,&quot;sizes&quot;:[]},&quot;pagination_type&quot;:&quot;load_more_on_click&quot;,&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;load_more_spinner&quot;:{&quot;value&quot;:&quot;fas fa-spinner&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" 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-23157 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\/rent-an-apartment-that-makes-your-day\/\" tabindex=\"-1\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" width=\"901\" height=\"502\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1.png\" class=\"attachment-full size-full wp-image-23159\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1.png 901w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-300x167.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-768x428.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-18x10.png 18w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/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\/rent-an-apartment-that-makes-your-day\/\">\n\t\t\t\t\u00bfCoworking,\u00a0Gym\u00a0y\u00a0Roof\u00a0en un solo lugar?  C\u00f3mo rentar un departamento que resuelva tu d\u00eda\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\/rent-an-apartment-that-makes-your-day\/\" aria-label=\"Read more about \u00bfCoworking,\u00a0Gym\u00a0y\u00a0Roof\u00a0en un solo lugar?  C\u00f3mo rentar un departamento que resuelva tu d\u00eda\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-22953 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\/where-to-rent-an-apartment\/\" 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\/03\/napoles-reforma-roma-cdmx-scaled.jpg\" class=\"attachment-full size-full wp-image-22956\" alt=\"napoles-reforma-roma-cdmx\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/napoles-reforma-roma-cdmx-scaled.jpg 2560w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/napoles-reforma-roma-cdmx-300x167.jpg 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/napoles-reforma-roma-cdmx-1024x572.jpg 1024w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/napoles-reforma-roma-cdmx-768x429.jpg 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/napoles-reforma-roma-cdmx-1536x857.jpg 1536w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/napoles-reforma-roma-cdmx-2048x1143.jpg 2048w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/napoles-reforma-roma-cdmx-18x10.jpg 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\/where-to-rent-an-apartment\/\">\n\t\t\t\tN\u00e1poles vs. Reforma vs. Roma: \u00bfD\u00f3nde te conviene rentar depa?\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\/where-to-rent-an-apartment\/\" aria-label=\"Read more about N\u00e1poles vs. Reforma vs. Roma: \u00bfD\u00f3nde te conviene rentar depa?\" 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-22506 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\/living-close-to-work-cdmx\/\" tabindex=\"-1\">\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"1280\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/image-2.png\" class=\"attachment-full size-full wp-image-22509\" alt=\"vivir cerca del trabajo napoles insurgentes sur cdmx\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/image-2.png 1280w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/image-2-300x300.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/image-2-1024x1024.png 1024w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/image-2-150x150.png 150w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/image-2-768x768.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/image-2-12x12.png 12w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/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\/living-close-to-work-cdmx\/\">\n\t\t\t\tLo que cambia cuando vives cerca del trabajo en la N\u00e1poles y en la Del Valle\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\/living-close-to-work-cdmx\/\" aria-label=\"Read more about Lo que cambia cuando vives cerca del trabajo en la N\u00e1poles y en la Del Valle\" 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=\"24\" 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    <\/section>\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=\"#pasos\" class=\"btn-primary\">Agendar Visita <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><a href=\"https:\/\/wa.me\/525594886680\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/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\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\" alt=\"Urbanista\" class=\"footer-logo-img\"><\/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            <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\/amalia-napoles\">In\u00e9s \u00b7 Polanco<\/a>\r\n                    <a href=\"https:\/\/urbanista.mx\/amalia-napoles\">Magda \u00b7 Roma Sur<\/a>\r\n                    <a href=\"https:\/\/urbanista.mx\/amalia-napoles\">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\/matilde-juarez\/\">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            <div class=\"footer-col\">\r\n                <h4>Contacto<\/h4>\r\n                <a href=\"#pasos\" style=\"color:var(--terra-light);font-weight:600;\">Agendar visita<\/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                <div class=\"footer-social\">\r\n                    <a href=\"https:\/\/www.facebook.com\/urbanistacdmx\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\" \/><\/svg><\/a>\r\n                    <a href=\"https:\/\/www.instagram.com\/urbanista.mx\/\" target=\"_blank\" aria-label=\"Instagram\"><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><\/a>\r\n                    <a href=\"https:\/\/www.youtube.com\/channel\/UCbfMvTZPKdMWXTYfQWR8uTA\" target=\"_blank\" aria-label=\"YouTube\" rel=\"noopener\"><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><\/a>\r\n                    <a href=\"https:\/\/www.linkedin.com\/company\/urbanistamx\" target=\"_blank\" aria-label=\"LinkedIn\" rel=\"noopener\"><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><\/a>\r\n                    <a href=\"https:\/\/www.tiktok.com\/@urbanistamx\" target=\"_blank\" aria-label=\"TikTok\" rel=\"noopener\"><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><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\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> <span>|<\/span> <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 2025<\/span>\r\n        <\/div>\r\n    <\/footer>\r\n    <a href=\"https:\/\/wa.me\/525594886680\" class=\"wa-float\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\" \/><\/svg><\/a>\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', 'ENRIQUETA'];\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        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            hbspt.forms.create({\r\n                portalId: '47830887', formId: 'd04d018c-0ee4-43ad-ac48-016eed8e2012', region: 'na1', target: '#stepsHubspotForm',\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<\/body>\r\n<\/html>\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 Por qu\u00e9 Urbanista FAQ Alma 390 AGENDAR VISITA<\/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":219,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22241\/revisions"}],"predecessor-version":[{"id":23571,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22241\/revisions\/23571"}],"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}]}}