{"id":23470,"date":"2026-04-16T12:23:41","date_gmt":"2026-04-16T18:23:41","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=23470"},"modified":"2026-04-16T12:23:43","modified_gmt":"2026-04-16T18:23:43","slug":"propuesta-2026-aprobada","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/propuesta-2026-aprobada\/","title":{"rendered":"propuesta 2026 aprobada"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es-MX\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Urbanista \u2014 Departamentos en Renta en CDMX sin Aval<\/title>\n    <meta name=\"description\"\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.\">\n\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/urbanista.mx\/\">\n    <meta property=\"og:title\" content=\"Urbanista \u2014 Departamentos en Renta en CDMX sin Aval\">\n    <meta property=\"og:description\"\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.\">\n    <meta property=\"og:image\"\n        content=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\">\n    <meta property=\"og:site_name\" content=\"Urbanista\">\n    <meta property=\"og:locale\" content=\"es_MX\">\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"Urbanista \u2014 Departamentos en Renta en CDMX sin Aval\">\n    <meta name=\"twitter:description\"\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.\">\n    <meta name=\"twitter:image\"\n        content=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\">\n\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --navy: #004e64;\n            --navy-light: #006580;\n            --navy-dark: #003a4a;\n            --white: #ffffff;\n            --off-white: #f7f9fa;\n            --light-blue: #e8f4f8;\n            --terra: #00b4d8; \n            --terra-light: #48cae4;\n            --terra-glow: rgba(0, 180, 216, .25);\n            --sage: #7a8b6f;\n            --sage-light: #a3b396;\n            --sand: #c9bfae;\n            --charcoal: #2a2a2a;\n            --text-primary: #1a1a1a;\n            --text-secondary: #5a5a5a;\n            --text-light: #8a8a8a;\n            --ease: cubic-bezier(.22, 1, .36, 1)\n        }\n\n        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box }\n        html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased }\n        body {\n            font-family: 'Outfit', sans-serif;\n            font-weight: 400;\n            color: var(--text-primary);\n            background: var(--white);\n            overflow-x: hidden\n        }\n        h1, h2, h3, h4 { font-family: 'Outfit', sans-serif; font-weight: 500 }\n        img { max-width: 100%; display: block }\n        a { text-decoration: none; color: inherit }\n        button { cursor: pointer; border: none; background: none; font-family: inherit }\n\n        \/* ===== PRELOADER ===== *\/\n        .preloader {\n            position: fixed; inset: 0; z-index: 99999;\n            background: var(--navy);\n            display: flex; align-items: center; justify-content: center;\n            flex-direction: column; gap: 20px;\n            transition: opacity .5s var(--ease), visibility .5s\n        }\n        .preloader.hidden { opacity: 0; visibility: hidden; pointer-events: none }\n        .preloader-logo { display: flex; align-items: center; justify-content: center }\n        .preloader-line {\n            width: 0; height: 2px;\n            background: linear-gradient(90deg, transparent, var(--terra), transparent);\n            border-radius: 2px;\n            animation: preloaderSweep .7s .25s var(--ease) forwards\n        }\n        @keyframes preloaderSweep {\n            0% { width: 0; opacity: 0 }\n            50% { opacity: 1 }\n            100% { width: 120px; opacity: 0 }\n        }\n        .preloader-logo-img {\n            height: 100px; width: auto;\n            filter: brightness(0) invert(1);\n            opacity: 0;\n            transform: scale(.6) translateY(10px);\n            animation: preloaderPop .5s .1s var(--ease) forwards\n        }\n        @keyframes preloaderPop {\n            0% { opacity: 0; transform: scale(.6) translateY(10px); filter: brightness(0) invert(1) blur(6px) }\n            100% { opacity: 1; transform: scale(1) translateY(0); filter: brightness(0) invert(1) blur(0) }\n        }\n\n        \/* ===== NAV: TRANSPARENTE \u2192 AZUL ===== *\/\n        nav {\n            position: fixed;\n            top: 0; left: 0; right: 0;\n            z-index: 1000;\n            padding: 16px 24px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);\n            transition: background .4s var(--ease), padding .4s var(--ease), box-shadow .4s var(--ease)\n        }\n        nav.scrolled {\n            background: var(--navy);\n            padding: 10px 24px;\n            box-shadow: 0 4px 20px rgba(0, 78, 100, .3)\n        }\n        .nav-logo { display: flex; align-items: center }\n        .nav-logo-img {\n            height: 60px;\n            width: auto;\n            filter: brightness(0) invert(1);\n            transition: filter .4s, height .4s\n        }\n        nav.scrolled .nav-logo-img {\n            height: 50px;\n            filter: brightness(0) invert(1);\n        }\n        .nav-links { display: flex; gap: 28px; align-items: center; list-style: none }\n        .nav-links a {\n            font-size: 12px; font-weight: 500; letter-spacing: 1.5px;\n            text-transform: uppercase;\n            color: rgba(255,255,255,.75);\n            transition: color .3s; position: relative;\n            text-shadow: 1px 1px 3px rgba(0,0,0,0.5);\n        }\n        nav.scrolled .nav-links a { color: rgba(255,255,255,.8) }\n        .nav-links a:hover { color: var(--terra-light) }\n        nav.scrolled .nav-links a:hover { color: var(--terra-light) }\n        .nav-links a::after {\n            content: ''; position: absolute; bottom: -4px; left: 0;\n            width: 0; height: 1.5px; background: var(--terra);\n            transition: width .4s var(--ease)\n        }\n        .nav-links a:hover::after { width: 100% }\n\n        .nav-cta {\n            background: var(--terra) !important;\n            color: var(--white) !important;\n            padding: 10px 24px !important;\n            border-radius: 4px;\n            font-weight: 600 !important;\n            letter-spacing: 2px !important;\n            transition: all .4s var(--ease) !important;\n            text-shadow: none !important;\n        }\n        .nav-cta::after { display: none !important }\n        .nav-cta:hover { background: var(--terra-light) !important; transform: translateY(-1px) !important }\n\n        .nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; z-index: 1001 }\n        .nav-toggle span {\n            width: 22px; height: 1.5px;\n            background: var(--white);\n            transition: all .3s; display: block\n        }\n\n        .mobile-menu-overlay {\n            display: none; position: fixed; inset: 0;\n            background: var(--navy); z-index: 999;\n            flex-direction: column; justify-content: center; align-items: center;\n            gap: 28px; opacity: 0;\n            transition: opacity .4s ease\n        }\n        .mobile-menu-overlay.open { display: flex; opacity: 1 }\n        .mobile-menu-overlay a {\n            font-family: 'Outfit', sans-serif; font-size: 32px;\n            color: var(--white); letter-spacing: 3px;\n            transition: color .3s\n        }\n        .mobile-menu-overlay a:hover { color: var(--terra) }\n\n        \/* ===== HERO V2 \u2014 REFERENCE LAYOUT ===== *\/\n        .hero {\n            width: 100%;\n            min-height: 100vh;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            background: var(--navy);\n        }\n        .hero-bg { position: absolute; inset: 0; z-index: 0 }\n        .hero-bg picture { position: absolute; inset: 0; width: 100%; height: 100%; display: block }\n        .hero-bg-img {\n            position: absolute; inset: 0;\n            width: 100%; height: 100%; object-fit: cover;\n        }\n        .hero-overlay {\n            position: absolute; inset: 0; z-index: 1;\n            background: linear-gradient(180deg, \n                rgba(0, 20, 30, 0.45) 0%, \n                rgba(0, 30, 45, 0.15) 35%,\n                rgba(0, 20, 30, 0.3) 65%,\n                rgba(0, 20, 30, 0.85) 100%\n            );\n        }\n\n        \/* Main content area \u2014 fills available space *\/\n        .hero-main {\n            position: relative;\n            z-index: 2;\n            flex: 0 0 auto;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            justify-content: flex-start;\n            padding: 120px 5% 0;\n            max-width: 100%;\n        }\n\n        .hero-headline {\n            font-family: 'Outfit', sans-serif;\n            font-size: clamp(28px, 3.5vw, 52px);\n            font-weight: 800;\n            line-height: 1.05;\n            color: var(--white);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 28px;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: heroFadeUp 1s .6s var(--ease) forwards;\n            text-shadow: 2px 3px 12px rgba(0,0,0,0.5);\n        }\n        .hero-headline span {\n            display: inline;\n        }\n\n        @keyframes heroFadeUp {\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .hero-cta-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: var(--terra);\n            color: var(--white);\n            padding: 14px 36px;\n            border-radius: 6px;\n            font-family: 'Outfit', sans-serif;\n            font-size: 14px;\n            font-weight: 700;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            text-decoration: none;\n            transition: all .4s var(--ease);\n            width: fit-content;\n            opacity: 0;\n            transform: translateY(20px);\n            animation: heroFadeUp .8s .9s var(--ease) forwards;\n            box-shadow: 0 4px 24px rgba(0, 180, 216, .3);\n        }\n        .hero-cta-btn:hover {\n            background: var(--terra-light);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 32px rgba(0, 180, 216, .4);\n        }\n\n        \/* Stats + tagline \u2014 positioned at bottom of the visual area *\/\n        .hero-bottom-content {\n            position: relative;\n            z-index: 2;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 0 64px 24px;\n            gap: 14px;\n            margin-top: auto;\n            opacity: 0;\n            animation: heroFadeUp 1s 1.1s var(--ease) forwards;\n        }\n\n        .hero-stats-row {\n            display: flex;\n            gap: 16px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n        .hero-stat-pill {\n            background: rgba(255, 255, 255, .12);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, .18);\n            border-radius: 100px;\n            padding: 14px 32px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            transition: all .4s var(--ease);\n        }\n        .hero-stat-pill:hover {\n            background: rgba(255, 255, 255, .2);\n            transform: translateY(-2px);\n        }\n        .hero-stat-pill-num {\n            font-family: 'Outfit', sans-serif;\n            font-size: 24px;\n            font-weight: 800;\n            color: var(--white);\n            line-height: 1;\n        }\n        .hero-stat-pill-label {\n            font-family: 'Outfit', sans-serif;\n            font-size: 13px;\n            font-weight: 500;\n            color: rgba(255, 255, 255, .8);\n            line-height: 1.3;\n        }\n\n        .hero-tagline {\n            font-family: 'Outfit', sans-serif;\n            font-size: 18px;\n            font-style: italic;\n            color: rgba(255, 255, 255, .7);\n            text-shadow: 1px 1px 4px rgba(0,0,0,0.5);\n        }\n\n        \/* Form bar \u2014 embedded at hero bottom *\/\n        .hero-form-bar {\n            position: relative;\n            z-index: 10;\n            padding: 0 16px 24px;\n        }\n        .hero-form-bar-inner {\n            width: 90%;\n            max-width: 1800px;\n            margin: 0 auto;\n            padding: 0;\n            position: relative;\n            background: var(--white);\n            border-radius: 12px;\n            box-shadow: 0 16px 48px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .04);\n            overflow: hidden;\n        }\n        .hero-form-bar-inner::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, var(--terra), var(--navy), var(--terra));\n        }\n        .hero-form-bar-inner .hs-form { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 0 !important }\n        .hero-form-bar-inner .hs-form-field {\n            flex: 1 !important;\n            padding: 16px 20px !important;\n            border-right: 1px solid rgba(0, 0, 0, .06) !important;\n            position: relative !important\n        }\n        .hero-form-bar-inner .hs-form-field:last-of-type { border-right: none !important }\n        .hero-form-bar-inner .hs-form-field>label {\n            font-size: 10px !important; font-weight: 600 !important;\n            letter-spacing: 2px !important; text-transform: uppercase !important;\n            color: var(--terra) !important;\n            margin-bottom: 4px !important;\n            font-family: 'Outfit', sans-serif !important\n        }\n        .hero-form-bar-inner input, .hero-form-bar-inner select {\n            width: 100% !important; border: none !important;\n            padding: 4px 0 !important;\n            font-family: 'Outfit', sans-serif !important;\n            font-size: 14px !important;\n            color: var(--text-primary) !important;\n            background: transparent !important;\n            outline: none !important\n        }\n        .hero-form-bar-inner input::placeholder { color: var(--text-light) !important }\n        .hero-form-bar-inner select { color: var(--text-secondary) !important }\n        .hero-form-bar-inner select option { color: var(--text-primary) !important; background: var(--white) !important }\n        .hero-form-bar-inner .hs-button {\n            background: var(--terra) !important;\n            color: var(--white) !important;\n            border: none !important;\n            padding: 14px 28px !important;\n            border-radius: 4px !important;\n            font-family: 'Outfit', sans-serif !important;\n            font-size: 12px !important; font-weight: 600 !important;\n            letter-spacing: 2px !important; text-transform: uppercase !important;\n            cursor: pointer !important;\n            transition: all .3s !important;\n            white-space: nowrap !important\n        }\n        .hero-form-bar-inner .hs-button:hover { background: var(--terra-light) !important; transform: translateY(-1px) !important }\n        .hero-form-bar-inner .hs_submit { display: flex !important; align-items: center !important }\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 }\n        \/* Phone field: country code + input side by side *\/\n        .hero-form-bar-inner .hs-phone,\n        .hero-form-bar-inner .hs_phone .input,\n        .hero-form-bar-inner .hs-fieldtype-intl-phone { display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: nowrap !important }\n        .hero-form-bar-inner .hs-phone select.hs-input,\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 }\n        .hero-form-bar-inner .hs-phone input.hs-input { flex: 1 1 auto !important; min-width: 80px !important }\n        \/* Validation errors: below the fields *\/\n        .hero-form-bar-inner .hs-error-msgs { \n            position: absolute !important; \n            bottom: -18px !important; left: 20px !important; right: 20px !important;\n            list-style: none !important;\n            font-size: 10px !important; \n            color: #d32f2f !important;\n            line-height: 1.2 !important;\n            white-space: nowrap !important;\n            overflow: hidden !important;\n            text-overflow: ellipsis !important;\n        }\n        .hero-form-bar-inner .hs-error-msgs li { display: inline !important }\n        .hero-form-bar-inner .hs-error-msgs li label { font-size: 10px !important; color: #d32f2f !important; font-weight: 500 !important }\n        .hero-form-bar-inner .hs-form-field { position: relative !important; padding-bottom: 20px !important; overflow: visible !important }\n\n        \/* ===== SHARED SECTION STYLES ===== *\/\n        .section { padding: 50px 16px; position: relative }\n        .pretitle {\n            font-size: 11px; font-weight: 600;\n            letter-spacing: 3px; text-transform: uppercase;\n            color: var(--terra);\n            display: inline-flex; align-items: center; gap: 12px\n        }\n        .pretitle::before { content: ''; width: 32px; height: 1px; background: var(--terra) }\n        .section-title {\n            font-size: clamp(28px, 4vw, 52px);\n            line-height: 1.1; margin: 16px 0;\n            max-width: 900px\n        }\n        .section-title em { font-style: italic; color: var(--terra) }\n        .section-desc {\n            font-size: 18px;\n            color: var(--text-secondary);\n            line-height: 1.5; max-width: 845px;\n            text-align: center;\n        }\n\n        \/* ===== PORQUE SECTION 2 \u2014 BLANCO BG ===== *\/\n        .porque-v2 {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            min-height: 100vh;\n            width: 100%;\n            background: var(--off-white);\n            z-index: 5;\n            position: relative;\n        }\n        .porque-v2-img { \n            position: relative; \n            overflow: hidden; \n            min-height: 100%;\n        }\n        .porque-v2-img img {\n            width: 100%; height: 100%; \n            object-fit: cover;\n            object-position: center;\n            position: absolute; inset: 0;\n        }\n        .porque-v2-content {\n            background: var(--off-white); display: flex; flex-direction: column; justify-content: center;\n            align-items: center; text-align: center; padding: 120px 56px 60px;\n        }\n        .porque-v2-title {\n            font-family: 'Outfit', sans-serif; font-size: clamp(28px, 3.5vw, 48px);\n            font-weight: 900; color: var(--text-primary); line-height: 1.05;\n            margin-bottom: 10px; text-transform: none;\n        }\n        .porque-v2-sub {\n            font-family: 'Outfit', sans-serif; font-size: 17px;\n            color: var(--text-secondary); line-height: 1.5; margin-bottom: 28px; max-width: 520px;\n        }\n        .pv2-table {\n            width: 100%; border-collapse: separate; border-spacing: 0;\n            border-radius: 14px; overflow: hidden;\n            box-shadow:\n                0 0 0 1px rgba(0,0,0,.15),\n                0 0 24px rgba(0,0,0,.08);\n            margin-bottom: 28px;\n        }\n        .pv2-table thead th {\n            font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 800;\n            text-transform: uppercase; letter-spacing: 1.5px; padding: 14px 20px; text-align: left;\n        }\n        .pv2-table thead th:first-child { background: #b01b1b; color: var(--white); }\n        .pv2-table thead th:last-child { background: #1c7a36; color: var(--white); }\n        .pv2-table tbody td {\n            padding: 16px 20px; font-family: 'Outfit', sans-serif; font-size: 14px;\n            line-height: 1.45; vertical-align: top; border-bottom: 1px solid rgba(0,0,0,.05);\n        }\n        .pv2-table tbody tr:last-child td { border-bottom: none; }\n        .pv2-table tbody td:first-child { background: #fcebeb; color: #5d1a1a; }\n        .pv2-table tbody td:last-child { background: #eaf5ec; color: #1a3a1a; }\n        .pv2-td-inner { display: flex; align-items: flex-start; gap: 10px; }\n        .pv2-icon-bad, .pv2-icon-good {\n            width: 22px; height: 22px; min-width: 22px; border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 11px; font-weight: 900; color: var(--white); margin-top: 1px;\n        }\n        .pv2-icon-bad { background: #b01b1b; }\n        .pv2-icon-good { background: #1c7a36; }\n        .pv2-pilar-name { font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }\n        .porque-v2-tagline {\n            font-family: 'Outfit', sans-serif; font-size: clamp(20px, 2.5vw, 30px);\n            font-weight: 800; color: var(--text-primary); margin-bottom: 20px;\n        }\n        .porque-v2-tagline em { font-style: normal; color: var(--terra); }\n        .porque-v2-cta {\n            display: inline-flex; align-items: center; gap: 8px;\n            background: var(--terra);\n            color: #fff; padding: 14px 32px;\n            border-radius: 4px; font-family: 'Outfit', sans-serif; font-size: 14px;\n            font-weight: 800; letter-spacing: 1px; text-transform: uppercase;\n            text-decoration: none; transition: all .4s var(--ease); width: fit-content;\n        }\n        .porque-v2-cta:hover { background: var(--terra-light); transform: translateY(-2px); }\n\n        \/* ===== PILARES \u2014 AZUL BG ===== *\/\n        .pilares-section {\n            padding: 50px 0;\n            background: var(--navy);\n            position: relative;\n        }\n        .pilares-header { text-align: center; margin-bottom: 28px }\n        .pilares-pretitle {\n            font-family: 'Outfit', sans-serif;\n            font-size: 14px; font-weight: 600;\n            color: var(--terra-light);\n            letter-spacing: 1px;\n            margin-bottom: 8px\n        }\n        .pilares-title {\n            font-family: 'Outfit', sans-serif;\n            font-size: clamp(28px, 3.5vw, 46px);\n            line-height: 1.1;\n            color: var(--white);\n            margin-bottom: 12px;\n            font-weight: 800;\n            text-align: center;\n        }\n        .pilares-title em { color: var(--terra-light); }\n        .pilares-desc {\n            font-family: 'Outfit', sans-serif;\n            font-size: 20px;\n            color: rgba(255,255,255,.6);\n            line-height: 1.6;\n            max-width: 750px;\n            margin: 0 auto\n        }\n        .pilares-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 16px;\n            max-width: 99vw;\n            margin: 0 auto;\n            padding: 0 12px\n        }\n        .pilar-card {\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            aspect-ratio: 16\/10;\n            cursor: pointer;\n            transition: transform .6s var(--ease), box-shadow .6s var(--ease)\n        }\n        .pilar-card:hover { transform: translateY(-8px); box-shadow: 0 24px 64px rgba(0, 0, 0, .25) }\n        .pilar-card img {\n            width: 100%; height: 100%;\n            object-fit: cover;\n            transition: transform .8s var(--ease)\n        }\n        .pilar-card:hover img { transform: scale(1.06) }\n        .pilar-card-badge {\n            position: absolute; top: 16px; left: 16px;\n            width: 36px; height: 36px;\n            border-radius: 50%;\n            background: var(--terra);\n            display: flex; align-items: center; justify-content: center;\n            font-size: 12px; font-weight: 700;\n            color: var(--white);\n            z-index: 3;\n            box-shadow: 0 4px 16px rgba(0, 180, 216, .4)\n        }\n        .pilar-card-overlay {\n            position: absolute; inset: 0;\n            background: linear-gradient(180deg, transparent 35%, rgba(0, 40, 55, .9) 100%);\n            display: flex; flex-direction: column; justify-content: flex-end;\n            padding: 28px;\n            z-index: 2\n        }\n        .pilar-card-title {\n            font-family: 'Outfit', sans-serif;\n            font-size: 36px;\n            color: var(--white);\n            line-height: 1.1;\n            margin-bottom: 4px;\n            font-weight: 700;\n            letter-spacing: .5px;\n        }\n        .pilar-card-subtitle {\n            font-family: 'Outfit', sans-serif;\n            font-size: 18px;\n            color: rgba(255, 255, 255, .6);\n            line-height: 1.4;\n            margin-bottom: 12px\n        }\n        .pilar-card-cta {\n            display: inline-flex; align-items: center; gap: 6px;\n            background: var(--terra);\n            color: var(--white);\n            padding: 8px 18px;\n            border-radius: 6px;\n            font-size: 13px;\n            letter-spacing: 1px;\n            width: fit-content;\n            transition: all .3s var(--ease);\n            text-decoration: none\n        }\n        .pilar-card-cta:hover { background: var(--terra-light); transform: translateX(4px) }\n        .pilar-card-cta svg { width: 14px; height: 14px; transition: transform .3s }\n        .pilar-card-cta:hover svg { transform: translateX(3px) }\n\n        \/* ===== COMUNIDADES NATIVAS ===== *\/\n        .buildings-section-native { \n            background: var(--white); \n            padding: 40px 8px; \n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center; \n        }\n        .buildings-intro { text-align: center; margin-bottom: 24px; padding: 0 16px;}\n        .buildings-intro .pilares-title { color: var(--navy); font-size: clamp(28px, 4vw, 46px); margin: 16px auto; }\n        .buildings-intro .pilares-title em { color: var(--terra); font-style: italic; }\n        .buildings-intro .section-desc { margin: 0 auto; max-width: 1200px; font-size: 20px; color: var(--text-secondary); line-height: 1.5; }\n\n        .cb-grid {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 15px; \n            width: 100%;\n            margin: 20px auto 0;\n            padding: 0 24px;\n        }\n        .cb-card {\n            position: relative;\n            border-radius: 14px;\n            overflow: hidden;\n            flex: 0 0 calc(15% - 15px);\n            max-width: calc(15% - 15px);\n            aspect-ratio: 4\/5; \n            display: block;\n            text-decoration: none;\n            color: var(--white);\n            transform: translateZ(0); \n        }\n        .cb-img {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s var(--ease);\n        }\n        .cb-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 40, 55, 0.85); \n            opacity: 0;\n            transition: opacity 0.4s var(--ease);\n            z-index: 1;\n        }\n        .cb-card:hover .cb-img { transform: scale(1.06); }\n        .cb-card:hover .cb-overlay { opacity: 1; }\n        .cb-content {\n            position: absolute;\n            inset: 0;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            padding: 14px 10px;\n            z-index: 2;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.4s var(--ease);\n        }\n        .cb-card:hover .cb-content {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .cb-price {\n            font-family: 'Outfit', sans-serif;\n            font-size: 14px;\n            line-height: 1.4;\n            margin-bottom: 10px;\n            color: var(--white);\n        }\n        .cb-price b {\n            font-size: 20px;\n            font-weight: 800;\n            color: var(--white);\n        }\n        .cb-address {\n            font-family: 'Outfit', sans-serif;\n            font-size: 12px;\n            line-height: 1.3;\n            color: rgba(255,255,255,0.85);\n            margin-bottom: 14px;\n        }\n        .cb-btn {\n            display: inline-block;\n            padding: 9px 18px;\n            background: transparent;\n            border: 1px solid var(--terra);\n            color: var(--white);\n            font-family: 'Outfit', sans-serif;\n            font-size: 11px;\n            font-weight: 700;\n            letter-spacing: 1.5px;\n            border-radius: 4px;\n            transition: background 0.3s;\n        }\n        .cb-card:hover .cb-btn {\n            background: var(--terra);\n        }\n\n        \/* ===== PASOS \u2014 AZUL BG ===== *\/\n        #pasos {\n            min-height: auto;\n            padding: 50px 16px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            background: var(--navy);\n        }\n        #pasos .pilares-title { color: var(--white); }\n        #pasos .pilares-title em { color: var(--terra); }\n        #pasos .section-desc { color: rgba(255,255,255,.6) !important; }\n        \n        .steps-layout {\n            display: grid; grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            max-width: 1400px;\n            margin: 40px auto 0;\n            align-items: center;\n        }\n        .step-form-card {\n            background: var(--white); \n            border-radius: 12px;\n            padding: 32px;\n            position: relative; overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n        }\n        .step-form-card::before {\n            content: ''; position: absolute; top: 0; left: 0; right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--terra), var(--navy))\n        }\n        .step-form-badge { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 16px }\n        .step-form-num {\n            width: 38px; height: 38px; border-radius: 50%;\n            background: var(--terra);\n            display: flex; align-items: center; justify-content: center;\n            font-family: 'Outfit', sans-serif;\n            font-size: 17px; color: var(--white)\n        }\n        .step-form-badge-text { font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--terra-light) }\n        .step-form-title { font-size: 24px; color: var(--navy); margin-bottom: 6px; font-weight: 800; }\n        .step-form-desc { font-size: 15px; color: var(--text-secondary); line-height: 1.5; margin-bottom: 20px }\n        \n        #stepsHubspotForm .hs-form { display: flex !important; flex-direction: column !important; gap: 0 !important }\n        #stepsHubspotForm .hs-form-field { padding: 4px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .1) !important; margin-bottom: 8px !important; }\n        #stepsHubspotForm .hs-form-field>label {\n            font-size: 10px !important; font-weight: 600 !important;\n            letter-spacing: 2px !important; text-transform: uppercase !important;\n            color: var(--terra) !important;\n            font-family: 'Outfit', sans-serif !important;\n            margin-bottom: 4px !important\n        }\n        #stepsHubspotForm input, #stepsHubspotForm select {\n            width: 100% !important; border: none !important;\n            padding: 6px 0 4px !important;\n            font-family: 'Outfit', sans-serif !important;\n            font-size: 14px !important;\n            color: var(--text-primary) !important;\n            background: transparent !important;\n            outline: none !important;\n        }\n        #stepsHubspotForm .hs-button {\n            width: 100% !important;\n            background: var(--terra) !important;\n            color: var(--white) !important;\n            border: none !important;\n            padding: 14px 32px !important;\n            border-radius: 4px !important;\n            font-family: 'Outfit', sans-serif !important;\n            font-size: 13px !important; font-weight: 600 !important;\n            letter-spacing: 2px !important; text-transform: uppercase !important;\n            cursor: pointer !important;\n            transition: all .3s !important;\n            margin-top: 16px !important\n        }\n        #stepsHubspotForm .hs-button:hover { background: var(--terra-light) !important; transform: translateY(-1px) !important }\n        \n        .steps-right { \n            display: flex; flex-direction: column; gap: 0; padding: 32px;\n            background: #0000002b; \n            border: 1px solid rgba(255, 255, 255, 0.05);\n            border-radius: 12px;\n        }\n        .step-row {\n            display: flex; gap: 20px; align-items: flex-start;\n            padding: 20px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        }\n        .step-row:first-of-type { padding-top: 0; }\n        .step-row:last-of-type { border-bottom: none; padding-bottom: 0; }\n        .step-row-num {\n            width: 48px; height: 48px; min-width: 48px;\n            border-radius: 50%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\n            display: flex; align-items: center; justify-content: center;\n            position: relative\n        }\n        .step-row-num span { font-family: 'Outfit', sans-serif; font-size: 18px; color: var(--white); font-weight: 700; }\n        .step-row-num-icon {\n            position: absolute; bottom: -2px; right: -2px;\n            width: 20px; height: 20px;\n            background: var(--terra); border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            border: 2px solid var(--navy)\n        }\n        .step-row-num-icon svg { width: 10px; height: 10px; stroke: var(--white); fill: none; stroke-width: 2.5 }\n        .step-row-body h4 { font-size: 18px; font-weight: 800; color: var(--white); font-family: 'Outfit', sans-serif; margin-bottom: 4px }\n        .step-row-body p { font-size: 15px; color: rgba(255, 255, 255, 0.7); line-height: 1.5 }\n        .step-row-tag {\n            margin-top: 6px; display: inline-flex;\n            background: rgba(0, 180, 216, .08);\n            border: 1px solid rgba(0, 180, 216, .15);\n            color: var(--terra-light);\n            padding: 3px 10px; border-radius: 100px;\n            font-size: 10px; font-weight: 600;\n            letter-spacing: 1px; text-transform: uppercase\n        }\n\n        \/* ===== TESTIMONIALS \u2014 BLANCO BG ===== *\/\n        .testimonials-section {\n            overflow: hidden;\n            background: var(--white) !important;\n            padding: 50px 16px !important;\n        }\n        .testimonials-section .pilares-title { color: var(--text-primary); }\n        .testimonials-section .pilares-title em { color: var(--terra); }\n        .testimonials-wrapper {\n            display: flex; gap: 20px;\n            margin-top: 32px;\n            animation: scrollTestimonials 35s linear infinite\n        }\n        .testimonial-card {\n            min-width: 340px;\n            background: var(--off-white);\n            border: 1px solid rgba(0,0,0,.06);\n            border-radius: 12px;\n            padding: 28px;\n            flex-shrink: 0;\n            backdrop-filter: blur(10px);\n        }\n        .testimonial-stars { display: flex; gap: 3px; margin-bottom: 14px }\n        .testimonial-stars svg { width: 14px; height: 14px; fill: var(--terra) }\n        .testimonial-text {\n            font-family: 'Outfit', sans-serif;\n            font-size: 15px; font-style: italic;\n            line-height: 1.6;\n            color: var(--text-secondary);\n            margin-bottom: 18px\n        }\n        .testimonial-author { display: flex; align-items: center; gap: 10px }\n        .testimonial-avatar {\n            width: 38px; height: 38px; border-radius: 50%;\n            background: var(--terra);\n            display: flex; align-items: center; justify-content: center;\n            font-weight: 600; font-size: 12px;\n            color: var(--white)\n        }\n        .testimonial-name { font-weight: 600; font-size: 13px; color: var(--text-primary) }\n        .testimonial-handle { font-size: 11px; color: var(--text-light) }\n        @keyframes scrollTestimonials {\n            0% { transform: translateX(0) }\n            100% { transform: translateX(-50%) }\n        }\n\n        \/* ===== BLOG \u2014 AZUL BG ===== *\/\n        #blog {\n            background: var(--navy);\n            padding: 50px 16px;\n        }\n        #blog .pilares-title { color: var(--white); }\n        #blog .pilares-title em { color: var(--terra-light); }\n        #blog .section-desc { color: rgba(255,255,255,.6) !important; }\n\n        \/* ===== CTA \u2014 BLANCO BG ===== *\/\n        .cta-section {\n            text-align: center;\n            padding: 80px 16px;\n            background: var(--white);\n            position: relative; overflow: hidden\n        }\n        .cta-section::before {\n            content: ''; position: absolute;\n            top: 50%; left: 50%;\n            width: 500px; height: 500px;\n            background: radial-gradient(circle, rgba(0, 180, 216, .08), transparent 70%);\n            transform: translate(-50%, -50%);\n            pointer-events: none\n        }\n        .cta-section .pilares-title { color: var(--text-primary); }\n        .cta-section .pilares-title em { color: var(--terra); }\n        .cta-section .section-desc { color: var(--text-secondary); margin: 0 auto 32px; text-align: center }\n        .btn-primary {\n            background: var(--terra);\n            color: var(--white);\n            padding: 14px 36px;\n            border-radius: 4px;\n            font-weight: 600; font-size: 13px;\n            letter-spacing: 2px; text-transform: uppercase;\n            display: inline-flex; align-items: center; gap: 10px;\n            transition: all .4s var(--ease);\n            border: none;\n            text-decoration: none;\n        }\n        .btn-primary:hover { background: var(--terra-light); transform: translateY(-2px) }\n        .btn-outline {\n            background: transparent;\n            color: var(--navy);\n            padding: 12px 28px;\n            border-radius: 4px;\n            font-weight: 500; font-size: 13px;\n            letter-spacing: 1px; text-transform: uppercase;\n            display: inline-flex; align-items: center; gap: 10px;\n            border: 1.5px solid rgba(0, 78, 100, .25);\n            transition: all .4s var(--ease)\n        }\n        .btn-outline:hover { background: rgba(0, 78, 100, .05); border-color: var(--navy) }\n\n        \/* ===== FOOTER ===== *\/\n        .footer-logo-img { height: 70px; width: auto; filter: brightness(0) invert(1) }\n        footer {\n            padding: 40px 48px 20px;\n            background: var(--navy-dark);\n            color: var(--white);\n            border-top: 1px solid rgba(255, 255, 255, .06)\n        }\n        .footer-top {\n            display: grid;\n            grid-template-columns: 1.4fr 1.2fr 1fr;\n            gap: 32px;\n            padding-bottom: 24px;\n            border-bottom: 1px solid rgba(255, 255, 255, .08);\n            max-width: none;\n            width: 100%;\n            margin: 0;\n            align-items: start\n        }\n        .footer-comunidades-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2px 20px;\n        }\n        .footer-bottom { max-width: none; width: 100%; margin: 0 }\n        .footer-brand-name { margin-bottom: 4px }\n        .footer-brand p {\n            font-size: 14px;\n            color: rgba(255, 255, 255, .4);\n            line-height: 1.5;\n            max-width: 300px;\n            margin-top: 10px\n        }\n        .footer-col h4 {\n            font-size: 11px; letter-spacing: 2px;\n            text-transform: uppercase;\n            color: var(--terra);\n            margin-bottom: 10px;\n            font-weight: 600;\n            font-family: 'Outfit', sans-serif\n        }\n        .footer-col a {\n            display: block;\n            color: rgba(255, 255, 255, .5);\n            font-size: 13px;\n            padding: 2px 0;\n            transition: color .3s, padding-left .3s\n        }\n        .footer-col a:hover { color: var(--white); padding-left: 6px }\n        .footer-bottom { padding-top: 16px; font-size: 12px; color: rgba(255, 255, 255, .25) }\n        .footer-bottom-inner {\n            display: flex; flex-direction: column;\n            align-items: center; gap: 8px;\n            text-align: center;\n            margin-top: 12px\n        }\n        .footer-google-badge { display: inline-block; transition: opacity .3s }\n        .footer-google-badge:hover { opacity: .8 }\n        .footer-google-badge img { height: 50px; width: auto }\n        .footer-legal { display: flex; gap: 8px; align-items: center }\n        .footer-legal a {\n            color: rgba(255, 255, 255, .35);\n            font-size: 12px;\n            transition: color .3s;\n            padding: 0; display: inline\n        }\n        .footer-legal a:hover { color: var(--white); padding-left: 0 }\n        .footer-legal span { color: rgba(255, 255, 255, .15) }\n        .footer-social { display: flex; gap: 8px; margin-top: 8px; justify-content: flex-start }\n        .footer-social a {\n            width: 34px; height: 34px; border-radius: 50%;\n            background: rgba(255, 255, 255, .06);\n            border: 1px solid rgba(255, 255, 255, .1);\n            display: flex; align-items: center; justify-content: center;\n            transition: all .3s;\n            padding: 0\n        }\n        .footer-social a:hover { background: var(--terra); border-color: var(--terra); padding-left: 0 }\n        .footer-social a svg { width: 14px; height: 14px; fill: rgba(255, 255, 255, .5); transition: fill .3s }\n        .footer-social a:hover svg { fill: var(--white) }\n\n        \/* ===== WHATSAPP FLOAT ===== *\/\n        .wa-float {\n            position: fixed; bottom: 28px; right: 28px;\n            z-index: 900;\n            width: 52px; height: 52px;\n            background: #25D366;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            box-shadow: 0 4px 20px rgba(37, 211, 102, .3);\n            transition: transform .3s, box-shadow .3s\n        }\n        .wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 30px rgba(37, 211, 102, .5) }\n        .wa-float svg { width: 26px; fill: white }\n\n        \/* ===== SIDEBAR ===== *\/\n        .sidebar-overlay {\n            position: fixed; inset: 0;\n            background: rgba(0, 78, 100, .6);\n            backdrop-filter: blur(6px);\n            z-index: 9998;\n            opacity: 0; pointer-events: none;\n            transition: opacity .4s ease\n        }\n        .sidebar-overlay.open { opacity: 1; pointer-events: all }\n        .sidebar-panel {\n            position: fixed; top: 0; right: -480px;\n            width: 460px; max-width: 92vw;\n            height: 100vh;\n            background: linear-gradient(180deg, var(--navy) 0%, var(--navy-dark) 100%);\n            z-index: 9999; overflow-y: auto;\n            transition: right .45s var(--ease);\n            box-shadow: -20px 0 60px rgba(0, 0, 0, .4)\n        }\n        .sidebar-panel.open { right: 0 }\n        .sidebar-header {\n            display: flex; align-items: center; justify-content: space-between;\n            padding: 24px 28px 16px;\n            border-bottom: 1px solid rgba(0, 180, 216, .15)\n        }\n        .sidebar-title { font-family: 'Outfit', sans-serif; font-size: 22px; color: var(--white) }\n        .sidebar-title span { color: var(--terra) }\n        .sidebar-close {\n            width: 38px; height: 38px; border-radius: 50%;\n            border: 1px solid rgba(255, 255, 255, .15);\n            background: rgba(255, 255, 255, .05);\n            color: var(--white);\n            display: flex; align-items: center; justify-content: center;\n            transition: all .3s\n        }\n        .sidebar-close:hover { background: rgba(255, 255, 255, .12); border-color: var(--terra) }\n        .sidebar-body { padding: 28px }\n        .sidebar-building-badge {\n            display: inline-flex; align-items: center; gap: 6px;\n            background: rgba(0, 180, 216, .12);\n            border: 1px solid rgba(0, 180, 216, .25);\n            color: var(--terra-light);\n            padding: 5px 14px;\n            border-radius: 100px;\n            font-size: 10px; font-weight: 600;\n            letter-spacing: 2px; text-transform: uppercase;\n            margin-bottom: 16px\n        }\n        .sidebar-form-container .hs-form { display: flex !important; flex-direction: column !important }\n        .sidebar-form-container .hs-form-field { margin-bottom: 16px !important }\n        .sidebar-form-container .hs-form-field>label {\n            font-size: 10px !important; font-weight: 600 !important;\n            letter-spacing: 1.5px !important; text-transform: uppercase !important;\n            color: var(--terra) !important;\n            font-family: 'Outfit', sans-serif !important;\n            margin-bottom: 6px !important;\n            display: block !important\n        }\n        .sidebar-form-container .hs-input {\n            width: 100% !important;\n            background: rgba(255, 255, 255, .06) !important;\n            border: 1px solid rgba(255, 255, 255, .1) !important;\n            border-radius: 8px !important;\n            padding: 12px 16px !important;\n            font-family: 'Outfit', sans-serif !important;\n            font-size: 14px !important;\n            color: var(--white) !important;\n            outline: none !important;\n            transition: border-color .3s !important\n        }\n        .sidebar-form-container .hs-input:focus { border-color: var(--terra) !important }\n        .sidebar-form-container .hs-button {\n            width: 100% !important;\n            background: var(--terra) !important;\n            color: var(--white) !important;\n            border: none !important;\n            padding: 16px 28px !important;\n            border-radius: 4px !important;\n            font-family: 'Outfit', sans-serif !important;\n            font-size: 13px !important; font-weight: 600 !important;\n            letter-spacing: 2px !important; text-transform: uppercase !important;\n            cursor: pointer !important\n        }\n\n        \/* ===== LIGHTBOX ===== *\/\n        .lightbox-overlay {\n            position: fixed; inset: 0; z-index: 99990;\n            background: rgba(0, 40, 55, .95);\n            backdrop-filter: blur(20px);\n            display: flex; align-items: center; justify-content: center;\n            flex-direction: column;\n            opacity: 0; pointer-events: none;\n            transition: opacity .4s var(--ease)\n        }\n        .lightbox-overlay.open { opacity: 1; pointer-events: all }\n        .lightbox-content { position: relative; max-width: 90vw; max-height: 80vh; display: flex; flex-direction: column; align-items: center }\n        .lightbox-img {\n            max-width: 90vw; max-height: 70vh; object-fit: contain;\n            border-radius: 12px;\n            box-shadow: 0 40px 100px rgba(0, 0, 0, .5);\n            transform: scale(.92); opacity: 0;\n            transition: all .5s var(--ease)\n        }\n        .lightbox-overlay.open .lightbox-img { transform: scale(1); opacity: 1 }\n        .lightbox-caption { margin-top: 16px; text-align: center }\n        .lightbox-caption-title { font-family: 'Outfit', sans-serif; font-size: 24px; color: var(--white) }\n        .lightbox-caption-desc { font-size: 14px; color: rgba(255, 255, 255, .5); margin-top: 4px }\n        .lightbox-close {\n            position: absolute; top: 20px; right: 20px;\n            width: 44px; height: 44px; border-radius: 50%;\n            background: rgba(255, 255, 255, .08);\n            border: 1px solid rgba(255, 255, 255, .15);\n            display: flex; align-items: center; justify-content: center;\n            cursor: pointer; transition: all .3s;\n            z-index: 10; color: var(--white)\n        }\n        .lightbox-close:hover { background: var(--terra); border-color: var(--terra) }\n        .lightbox-close svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2 }\n        .lightbox-arrow {\n            position: absolute; top: 50%; transform: translateY(-50%);\n            width: 48px; height: 48px; border-radius: 50%;\n            background: rgba(255, 255, 255, .08);\n            border: 1px solid rgba(255, 255, 255, .12);\n            display: flex; align-items: center; justify-content: center;\n            cursor: pointer; transition: all .3s;\n            z-index: 10; color: var(--white)\n        }\n        .lightbox-arrow:hover { background: var(--terra); border-color: var(--terra) }\n        .lightbox-arrow svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2.5 }\n        .lightbox-arrow.prev { left: 20px }\n        .lightbox-arrow.next { right: 20px }\n        .lightbox-counter { margin-top: 10px; font-size: 11px; color: rgba(255, 255, 255, .3); letter-spacing: 2px; text-transform: uppercase }\n\n        \/* ===== ANIMATIONS ===== *\/\n        .reveal { opacity: 0; transform: translateY(30px); transition: all .8s var(--ease) }\n        .reveal.visible { opacity: 1; transform: translateY(0) }\n        .reveal-delay-1 { transition-delay: .1s }\n        .reveal-delay-2 { transition-delay: .2s }\n        .reveal-delay-3 { transition-delay: .3s }\n        @keyframes fadeUp { to { opacity: 1; transform: translateY(0) } }\n\n        \/* ============================================================\n           RESPONSIVE\n           ============================================================ *\/\n        @media(max-width:1200px) {\n            .cb-card { flex: 0 0 calc(20% - 15px); max-width: calc(20% - 15px); aspect-ratio: 4\/5; } \n        }\n        \n        @media(max-width:1024px) {\n            nav { padding: 14px 16px }\n            nav.scrolled { padding: 10px 16px }\n            .nav-links { display: none }\n            .nav-toggle { display: flex }\n            .section { padding: 48px 12px }\n\n            \/* HERO MOBILE *\/\n            .hero { min-height: 100vh; min-height: 100dvh; }\n            .hero-main {\n                padding: 90px 20px 0;\n                max-width: 100%;\n                flex: 0 0 auto;\n            }\n            .hero-headline {\n                font-size: clamp(24px, 4.2vw, 40px) !important;\n                margin-bottom: 20px;\n            }\n            .hero-cta-btn {\n                padding: 12px 28px;\n                font-size: 13px;\n            }\n\n            .hero-bottom-content {\n                padding: 0 20px 16px;\n            }\n            .hero-stats-row {\n                gap: 8px;\n                flex-wrap: wrap;\n                justify-content: center;\n            }\n            .hero-stat-pill {\n                padding: 10px 16px;\n                gap: 8px;\n            }\n            .hero-stat-pill-num { font-size: 18px; }\n            .hero-stat-pill-label { font-size: 11px; }\n            .hero-tagline { font-size: 14px; }\n\n            \/* Hero form mobile *\/\n            .hero-form-bar-inner .hs-form { flex-direction: column !important }\n            .hero-form-bar-inner .hs-form-field {\n                border-right: none !important;\n                border-bottom: 1px solid rgba(255, 255, 255, .06) !important;\n                width: 100% !important;\n            }\n            .hero-form-bar-inner .hs_submit { width: 100% !important; padding: 14px 16px !important; }\n            .hero-form-bar-inner .hs_submit .actions {\n                width: 100% !important;\n                display: flex !important;\n                justify-content: center !important;\n                background: transparent !important;\n            }\n            .hero-form-bar-inner .hs-button {\n                width: 100% !important;\n                display: block !important;\n                text-align: center !important;\n            }\n\n            \/* PS2 *\/\n            .porque-v2 { padding: 0; grid-template-columns: 1fr; min-height: auto; }\n            .porque-v2-img { min-height: 40vh; position: relative; width: 100%; }\n            .porque-v2-img img { object-fit: cover; position: absolute; }\n            .porque-v2-content { padding: 48px 20px; }\n            .porque-v2-title { font-size: clamp(24px, 7vw, 36px); }\n            .pv2-table thead th { font-size: 11px; padding: 10px 12px; }\n            .pv2-table tbody td { font-size: 13px; padding: 12px; }\n\n            \/* PILARES *\/\n            .pilares-section { padding: 48px 0 }\n            .pilares-grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n                max-width: 500px;\n                margin: 0 auto\n            }\n            .pilar-card { aspect-ratio: 16\/14 }\n            .pilar-card-overlay { padding: 12px; }\n            .pilar-card-title { font-size: 24px; }\n            .pilar-card-subtitle { font-size: 16px; margin-bottom: 8px; }\n            .pilar-card-cta { font-size: 12px; padding: 7px 14px; }\n            .pilar-card-badge {\n                left: auto;\n                right: 12px;\n                top: 12px;\n                width: 30px;\n                height: 30px;\n                font-size: 11px;\n            }\n\n            \/* COMUNIDADES *\/\n            .buildings-intro { margin-bottom: 24px }\n            .buildings-intro .section-desc { font-size: 15px !important }\n            .cb-card { flex: 0 0 calc(33.333% - 15px); max-width: calc(33.333% - 15px); aspect-ratio: 4\/5;} \n            \n            \/* STEPS *\/\n            .steps-layout { grid-template-columns: 1fr; gap: 32px; margin-top: 24px; align-items: start; }\n            .step-form-card { padding: 24px 18px }\n            .steps-right { padding: 24px 18px }\n            .step-row { padding: 16px 0 }\n            .step-row-num { width: 42px; height: 42px; min-width: 42px }\n            .step-row-num span { font-size: 16px }\n\n            \/* FOOTER *\/\n            footer { padding: 40px 16px 24px }\n            .footer-top {\n                grid-template-columns: 1fr;\n                gap: 32px;\n                text-align: center;\n            }\n            .footer-comunidades-grid {\n                grid-template-columns: 1fr 1fr;\n                gap: 2px 12px;\n            }\n            .footer-brand { display: flex; flex-direction: column; align-items: center; }\n            .footer-brand-name { display: flex; justify-content: center; }\n            .footer-brand p {\n                margin-left: auto;\n                margin-right: auto;\n                max-width: 380px;\n            }\n            .footer-brand .footer-award-inline {\n                justify-content: center !important;\n                text-align: center;\n            }\n            .footer-col { text-align: center; }\n            .footer-col a { padding-left: 0; }\n            .footer-col a:hover { padding-left: 0; }\n            .footer-social {\n                justify-content: center;\n                margin-left: auto;\n                margin-right: auto;\n            }\n            .footer-bottom-inner {\n                flex-direction: column !important;\n                justify-content: center !important;\n                text-align: center;\n            }\n            .footer-bottom-row {\n                flex-direction: column !important;\n                align-items: center !important;\n                text-align: center !important;\n            }\n        }\n        \n        @media(max-width:640px) {\n            .footer-top { grid-template-columns: 1fr }\n            .footer-bottom .footer-legal { flex-direction: column; gap: 4px }\n            .footer-legal span { display: none }\n            .section-title { font-size: clamp(24px, 8vw, 36px) }\n            .section-desc { font-size: 15px }\n            .hero-headline { font-size: clamp(20px, 4.5vw, 32px) !important; }\n            .pilar-card-title { font-size: 22px }\n            .pilar-card-subtitle { font-size: 15px }\n            .step-form-title { font-size: 20px }\n            .step-form-desc { font-size: 14px }\n            .step-row-body h4 { font-size: 16px }\n            .step-row-body p { font-size: 14px }\n            .testimonial-text { font-size: 14px }\n            .pretitle { font-size: 10px; letter-spacing: 2px }\n            .cta-section .section-title { font-size: clamp(24px, 8vw, 36px) }\n            .cta-section .section-desc { font-size: 15px }\n            .testimonials-wrapper {\n                animation: none !important;\n                overflow-x: auto;\n                scroll-snap-type: x mandatory;\n                -webkit-overflow-scrolling: touch;\n                padding: 0 16px 16px;\n                gap: 12px;\n                scrollbar-width: none\n            }\n            .testimonials-wrapper::-webkit-scrollbar { display: none }\n            .testimonial-card { min-width: 0; width: 85vw; scroll-snap-align: start; flex-shrink: 0 }\n            .cta-section { padding: 60px 12px }\n            .hero-stat-pill { padding: 8px 14px; }\n            .hero-stat-pill-num { font-size: 16px; }\n            .hero-stat-pill-label { font-size: 10px; }\n            .pilares-title { font-size: clamp(22px, 7vw, 32px) !important }\n            .porque-v2-title { font-size: clamp(22px, 7vw, 30px) !important; }\n            \n            .pv2-table thead th { font-size: 10px; padding: 8px 10px; letter-spacing: .5px; }\n            .pv2-table tbody td { font-size: 12px; padding: 10px 10px; }\n            .pv2-icon-bad, .pv2-icon-good { width: 18px; height: 18px; min-width: 18px; font-size: 9px; }\n            \n            .buildings-section-native { padding: 16px 8px; }\n            .cb-grid { gap: 12px; padding: 0 4px;}\n            .cb-card { flex: 0 0 calc(50% - 6px); max-width: calc(50% - 6px); aspect-ratio: 4\/5; } \n            .cb-price { font-size: 13px; margin-bottom: 8px;}\n            .cb-price b { font-size: 17px; }\n            .cb-address { font-size: 10px; margin-bottom: 12px; }\n            .cb-btn { padding: 8px 16px; font-size: 10px; }\n        }\n\n        \/* ============================================================\n           1920x1080 @ 150% SCALE\n           ============================================================ *\/\n        @media (max-height: 800px) and (min-width: 1025px) {\n            nav { padding: 10px 20px; }\n            nav.scrolled { padding: 8px 20px; }\n            .nav-logo-img { height: 42px; }\n            nav.scrolled .nav-logo-img { height: 38px; }\n            .nav-links { gap: 16px; }\n            .nav-links a { font-size: 10px; letter-spacing: 1px; }\n            .nav-cta { padding: 8px 16px !important; font-size: 10px !important; letter-spacing: 1.5px !important; }\n\n            .hero-main { padding: 90px 48px 0; }\n            .hero-headline { font-size: clamp(22px, 2.5vw, 36px) !important; margin-bottom: 16px; }\n            .hero-cta-btn { padding: 10px 28px; font-size: 12px; }\n            .hero-bottom-content { padding: 0 48px 16px; gap: 10px; }\n            .hero-stat-pill { padding: 10px 22px; }\n            .hero-stat-pill-num { font-size: 20px; }\n            .hero-stat-pill-label { font-size: 11px; }\n            .hero-tagline { font-size: 15px; }\n\n            .porque-v2-content { padding: 36px 40px; }\n            .porque-v2-title { font-size: clamp(24px, 3vw, 38px); margin-bottom: 8px; }\n            .porque-v2-sub { font-size: 14px; margin-bottom: 18px; }\n            .pv2-table { margin-bottom: 18px; }\n            .pv2-table thead th { font-size: 11px; padding: 10px 14px; }\n            .pv2-table tbody td { font-size: 12px; padding: 12px 14px; }\n            .pv2-icon-bad, .pv2-icon-good { width: 18px; height: 18px; min-width: 18px; font-size: 9px; }\n            .porque-v2-tagline { font-size: clamp(18px, 2vw, 24px); margin-bottom: 14px; }\n            .porque-v2-cta { color: white; padding: 10px 24px; font-size: 12px; }\n\n            .pilares-section { padding: 36px 0; }\n            .pilares-header { margin-bottom: 20px; }\n            .pilares-title { font-size: clamp(24px, 3vw, 38px) !important; margin-bottom: 8px; }\n            .pilares-desc { font-size: 16px; }\n            .pilar-card-title { font-size: 28px; }\n            .pilar-card-subtitle { font-size: 15px; margin-bottom: 8px; }\n            .pilar-card-cta { font-size: 11px; padding: 6px 14px; }\n            .pilar-card-overlay { padding: 20px; }\n\n            .buildings-section-native { padding: 36px 16px; min-height: 100vh;}\n            .buildings-intro { margin-bottom: 20px; }\n            .buildings-intro .section-desc { font-size: 18px !important; }\n            \n            .cb-grid { gap: 15px; }\n            .cb-card { flex: 0 0 calc(15% - 15px); max-width: calc(15% - 15px); aspect-ratio: 4\/5; } \n\n            #pasos { padding: 24px 16px; }\n            #pasos > div:first-child { margin-bottom: 16px !important; }\n            #pasos .pilares-title { font-size: clamp(22px, 2.8vw, 34px) !important; margin: 8px auto !important; }\n            #pasos .section-desc { font-size: 14px !important; }\n            .steps-layout { margin-top: 12px; gap: 24px; }\n            .step-form-card { padding: 18px 20px; }\n            .steps-right { padding: 18px 20px; }\n            .step-form-badge { margin-bottom: 6px; }\n            .step-form-num { width: 28px; height: 28px; font-size: 13px; }\n            .step-form-title { font-size: 17px; margin-bottom: 2px; }\n            .step-form-desc { font-size: 12px; margin-bottom: 8px; line-height: 1.4; }\n            #stepsHubspotForm .hs-form {\n                display: grid !important;\n                grid-template-columns: 1fr 1fr !important;\n                gap: 0 16px !important;\n            }\n            #stepsHubspotForm .hs-form-field { padding: 4px 0 !important; }\n            #stepsHubspotForm .hs_submit { grid-column: 1 \/ -1 !important; }\n            #stepsHubspotForm .hs-button { padding: 10px 24px !important; font-size: 11px !important; margin-top: 6px !important; }\n            .step-row { padding: 10px 0; gap: 12px; }\n            .step-row-num { width: 36px; height: 36px; min-width: 36px; }\n            .step-row-num span { font-size: 14px; }\n            .step-row-num-icon { width: 16px; height: 16px; }\n            .step-row-num-icon svg { width: 7px; height: 7px; }\n            .step-row-body h4 { font-size: 15px; margin-bottom: 1px; }\n            .step-row-body p { font-size: 12px; line-height: 1.4; }\n            .step-row-tag { font-size: 8px; padding: 2px 7px; margin-top: 3px; }\n\n            .testimonials-section { padding: 36px 16px !important; }\n            .testimonials-wrapper { margin-top: 20px; gap: 14px; }\n            .testimonial-card { min-width: 300px; padding: 20px; }\n            .testimonial-text { font-size: 13px; margin-bottom: 12px; }\n            .testimonial-stars svg { width: 12px; height: 12px; }\n            .testimonial-stars { margin-bottom: 10px; }\n            .testimonial-avatar { width: 32px; height: 32px; font-size: 11px; }\n            .testimonial-name { font-size: 12px; }\n            .testimonial-handle { font-size: 10px; }\n\n            #blog { padding: 36px 16px; }\n            #blog .section-desc { font-size: 16px !important; }\n\n            .cta-section { padding: 40px 16px; }\n            .cta-section .section-title {\n                font-size: clamp(24px, 3vw, 38px);\n                font-weight: 800;\n                font-family: 'Outfit', sans-serif;\n            }\n            .cta-section .section-desc { font-size: 14px; margin-bottom: 20px !important; }\n            .btn-primary { padding: 12px 28px; font-size: 12px; }\n            .btn-outline { padding: 10px 24px; font-size: 12px; }\n\n            footer { padding: 20px 32px 12px; }\n            .footer-top { gap: 20px; padding-bottom: 12px; }\n            .footer-logo-img { height: 40px; }\n            .footer-brand p { font-size: 11px; margin-top: 6px; line-height: 1.4; }\n            .footer-brand .footer-award-inline { font-size: 11px; color: rgba(255,255,255,.4); margin-top: 6px; line-height: 1.3; }\n            .footer-col h4 { font-size: 10px; margin-bottom: 6px; }\n            .footer-col a { font-size: 11px; padding: 1px 0; }\n            .footer-comunidades-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px 16px; }\n            .footer-comunidades-grid a { font-size: 11px; padding: 1px 0; }\n            .footer-legal a { font-size: 10px; }\n            .footer-social { margin-top: 4px; gap: 5px; }\n            .footer-social a { width: 28px; height: 28px; }\n            .footer-social a svg { width: 12px; height: 12px; }\n            .footer-bottom-row { padding-top: 10px !important; margin-top: 10px !important; font-size: 10px !important; }\n            .footer-bottom-row .footer-google-badge img { height: 28px !important; }\n            .footer-bottom-row .footer-legal a { font-size: 10px; }\n        }\n        @media (min-height: 801px) and (min-width: 1025px) {\n            .porque-v2-content { padding: clamp(60px, 8vh, 120px) clamp(56px, 5vw, 100px); }\n            .porque-v2-title { font-size: clamp(42px, 5.2vh, 68px); margin-bottom: clamp(12px, 1.5vh, 20px); line-height: 1.05; }\n            .porque-v2-sub { font-size: clamp(18px, 2vh, 22px); margin-bottom: clamp(32px, 4.5vh, 56px); max-width: 640px; line-height: 1.5; }\n            .pv2-table { margin-bottom: clamp(32px, 4vh, 52px); }\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; }\n            .pv2-table tbody td { font-size: clamp(15px, 1.7vh, 19px); padding: clamp(18px, 2.2vh, 26px) clamp(20px, 2.4vh, 32px); }\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); }\n            .porque-v2-tagline { font-size: clamp(24px, 3vh, 38px); margin-bottom: clamp(20px, 2.5vh, 32px); }\n            .porque-v2-cta { padding: clamp(16px, 2vh, 22px) clamp(36px, 4vh, 52px); font-size: clamp(14px, 1.5vh, 17px); }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <div class=\"preloader\" id=\"preloader\">\n        <div class=\"preloader-logo\"><img decoding=\"async\"\n                src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\"\n                alt=\"Urbanista\" class=\"preloader-logo-img\"><\/div>\n        <div class=\"preloader-line\"><\/div>\n    <\/div>\n    <div class=\"mobile-menu-overlay\" id=\"mobileMenu\"><a href=\"#concepto\" class=\"mobile-nav-link\">Concepto<\/a><a\n            href=\"#comunidades-nativa\" class=\"mobile-nav-link\">Comunidades<\/a><a href=\"#experiencias\"\n            class=\"mobile-nav-link\">Experiencias<\/a><a href=\"#pasos\" class=\"mobile-nav-link\">C\u00f3mo Funciona<\/a><a\n            href=\"#pasos\" class=\"mobile-nav-link\" style=\"color:var(--terra)\">Agendar Visita<\/a><\/div>\n    <nav id=\"mainNav\">\n        <a href=\"https:\/\/urbanista.mx\/\" class=\"nav-logo\"><img decoding=\"async\"\n                src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\"\n                alt=\"Urbanista\" class=\"nav-logo-img\"><\/a>\n        <ul class=\"nav-links\">\n            <li><a href=\"#concepto\">Concepto<\/a><\/li>\n            <li><a href=\"#comunidades-nativa\">Comunidades<\/a><\/li>\n            <li><a href=\"#pasos\">C\u00f3mo Funciona<\/a><\/li>\n            <li><a href=\"#blog\">Blog<\/a><\/li>\n            <li><a href=\"https:\/\/urbanista.mx\/por-que-rentar-departamento-cdmx\/\">Por qu\u00e9 Urbanista<\/a><\/li>\n            <li><a href=\"https:\/\/urbanista.mx\/preguntas-frecuentes\/\">FAQ<\/a><\/li>\n            <li><a href=\"https:\/\/alma390.mx\/\" target=\"_blank\" rel=\"noopener\">Alma 390<\/a><\/li>\n            <li class=\"trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-8873\">\n                <a href=\"https:\/\/urbanista.mx\/en\/\" class=\"elementor-item\"><span data-no-translation=\"\"><img decoding=\"async\"\n                            class=\"trp-flag-image\"\n                            src=\"https:\/\/urbanista.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\"\n                            width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"><\/span><\/a>\n            <\/li>\n            <li><a href=\"#pasos\" class=\"nav-cta\">AGENDAR VISITA<\/a><\/li>\n        <\/ul>\n        <div class=\"nav-toggle\" id=\"navToggle\"><span><\/span><span><\/span><span><\/span><\/div>\n    <\/nav>\n\n    <!-- ===== HERO V2 \u2014 REFERENCE LAYOUT ===== -->\n    <section class=\"hero\" id=\"hero\">\n        <div class=\"hero-bg\">\n            <picture>\n                <source media=\"(max-width: 1024px)\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Header_Vertical_Urbanista2026-scaled.webp\">\n                <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/hf_20260415_155926_9ae6f7d8-5e9f-4899-a347-4552e08a6ffb-scaled.webp\"\n                    alt=\"Urbanista rooftop CDMX\" class=\"hero-bg-img\">\n            <\/picture>\n            <div class=\"hero-overlay\"><\/div>\n        <\/div>\n\n        <!-- Main text \u2014 left aligned -->\n        <div class=\"hero-main\">\n            <h1 class=\"hero-headline\">DEPARTAMENTOS EN RENTA EN LA CIUDAD DE<br>M\u00c9XICO PARA QUIENES VALORAN SU TIEMPO.<\/h1>\n            <a href=\"#comunidades-nativa\" class=\"hero-cta-btn\">Ver Departamentos<\/a>\n        <\/div>\n\n        <!-- Stats pills + tagline \u2014 centered at bottom -->\n        <div class=\"hero-bottom-content\">\n            <div class=\"hero-stats-row\">\n                <div class=\"hero-stat-pill\">\n                    <span class=\"hero-stat-pill-num\">1,400<\/span>\n                    <span class=\"hero-stat-pill-label\">Departamentos<\/span>\n                <\/div>\n                <div class=\"hero-stat-pill\">\n                    <span class=\"hero-stat-pill-num\">12<\/span>\n                    <span class=\"hero-stat-pill-label\">Meses sin aval en tu renta<\/span>\n                <\/div>\n                <div class=\"hero-stat-pill\">\n                    <span class=\"hero-stat-pill-num\">24h<\/span>\n                    <span class=\"hero-stat-pill-label\">Confirmaci\u00f3n y aprobaci\u00f3n<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"hero-tagline\">When you move in here, you thrive out there.<\/div>\n        <\/div>\n\n        <!-- Form bar \u2014 embedded at hero bottom -->\n        <div class=\"hero-form-bar\">\n            <div class=\"hero-form-bar-inner\" id=\"heroHubspotForm\"><\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"porque-v2\" id=\"concepto\">\n        <div class=\"porque-v2-img\">\n            <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/hf_20260415_153833_b2de269d-1ee2-4e28-869e-7aa6325f9c8b.webp\" alt=\"Comunidad Urbanista\">\n        <\/div>\n        <div class=\"porque-v2-content\">\n            <h2 class=\"porque-v2-title\">Para que rentar y vivir sea un gusto, no una carga.<\/h2>\n            <p class=\"porque-v2-sub\">Hay otra forma de vivir en CDMX. Una donde tu depa es solo el punto de partida.<\/p>\n\n            <table class=\"pv2-table\">\n                <thead>\n                    <tr>\n                        <th>Renta Tradicional<\/th>\n                        <th>Renta con Urbanista<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>\n                            <div class=\"pv2-td-inner\">\n                                <span class=\"pv2-icon-bad\">\u2715<\/span>\n                                <span>Aval, burocracia, casero que no contesta. Cuando algo se rompe, te dicen que lo arregles t\u00fa.<\/span>\n                            <\/div>\n                        <\/td>\n                        <td>\n                            <div class=\"pv2-td-inner\">\n                                <span class=\"pv2-icon-good\">\u2713<\/span>\n                                <span><span class=\"pv2-pilar-name\">Renta F\u00e1cil:<\/span> Sin aval. Aprobaci\u00f3n en 24 hrs. Equipo profesional en sitio.<\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <div class=\"pv2-td-inner\">\n                                <span class=\"pv2-icon-bad\">\u2715<\/span>\n                                <span>Ruido, calor, inseguridad. Tu depa no te deja descansar.<\/span>\n                            <\/div>\n                        <\/td>\n                        <td>\n                            <div class=\"pv2-td-inner\">\n                                <span class=\"pv2-icon-good\">\u2713<\/span>\n                                <span><span class=\"pv2-pilar-name\">Oasis Urbano:<\/span> Aislamiento ac\u00fastico. Aire acondicionado central. Seguridad 24\/7.<\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\n                            <div class=\"pv2-td-inner\">\n                                <span class=\"pv2-icon-bad\">\u2715<\/span>\n                                <span>Sin d\u00f3nde trabajar, recibir amigos, o desconectar.<\/span>\n                            <\/div>\n                        <\/td>\n                        <td>\n                            <div class=\"pv2-td-inner\">\n                                <span class=\"pv2-icon-good\">\u2713<\/span>\n                                <span><span class=\"pv2-pilar-name\">Comparte &#038; Recarga:<\/span> Gym, coworking, rooftop, cocinas de entretenimiento.<\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n\n            <div class=\"porque-v2-tagline\">Eso es Urbanista. <em>Move in. Move up.<\/em><\/div>\n            <a href=\"#pasos\" class=\"porque-v2-cta\">Agenda tu Tour<\/a>\n        <\/div>\n    <\/section>\n\n    <section class=\"pilares-section\" id=\"experiencias\">\n        <div class=\"pilares-header reveal\">\n            <h2 class=\"pilares-title\">\u00bfQu\u00e9 nos hace diferentes?<\/h2>\n            <p class=\"pilares-desc\">Renta mucho m\u00e1s que cuatro paredes<\/p>\n        <\/div>\n        <div class=\"pilares-grid\">\n            <a href=\"https:\/\/urbanista.mx\/renta-facil\/\" class=\"pilar-card reveal\">\n                <div class=\"pilar-card-badge\">01<\/div>\n                <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/renta-facil-home-scaled.png\" alt=\"Renta F\u00e1cil Urbanista\">\n                <div class=\"pilar-card-overlay\">\n                    <div class=\"pilar-card-title\">Renta F\u00e1cil<\/div>\n                    <div class=\"pilar-card-subtitle\">Tu \u00fanico trabajo: disfrutar. El resto es nuestro.<\/div>\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>\n                <\/div>\n            <\/a>\n            <a href=\"https:\/\/urbanista.mx\/comparte-y-recarga\/\" class=\"pilar-card reveal reveal-delay-1\">\n                <div class=\"pilar-card-badge\">02<\/div>\n                <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Comparte-y-recarga-home-scaled.jpeg\" alt=\"Comparte y Recarga Urbanista\">\n                <div class=\"pilar-card-overlay\">\n                    <div class=\"pilar-card-title\">Comparte &#038; Recarga<\/div>\n                    <div class=\"pilar-card-subtitle\">Host like a boss. Recarga como un pro.<\/div>\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>\n                <\/div>\n            <\/a>\n            <a href=\"https:\/\/urbanista.mx\/oasis-urbano-2\/\" class=\"pilar-card reveal reveal-delay-2\">\n                <div class=\"pilar-card-badge\">03<\/div>\n                <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Oasis-urbano-home-scaled.jpeg\" alt=\"Oasis Urbano Urbanista\">\n                <div class=\"pilar-card-overlay\">\n                    <div class=\"pilar-card-title\">Oasis Urbano<\/div>\n                    <div class=\"pilar-card-subtitle\">Vive por encima del ruido.<\/div>\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>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <section class=\"buildings-section-native\" id=\"comunidades-nativa\">\n        <div class=\"buildings-intro reveal\">\n            <h2 class=\"pilares-title\" style=\"color: var(--navy)\">Tu<em> \u00e9xito<\/em> merece un entorno a la medida<\/h2>\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>\n        <\/div>\n        \n        <div class=\"cb-grid reveal reveal-delay-1\">\n            <a href=\"https:\/\/urbanista.mx\/amalia-napoles\" class=\"cb-card\">\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\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\">Desde:<br><b>$23,530.00 MXN con servicios<\/b><\/div>\n                    <div class=\"cb-address\">Av. Insurgentes Sur 609, N\u00e1poles, CDMX<\/div>\n                    <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/urbanista.mx\/ines-polanco\/\" class=\"cb-card\">\n                <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Renta-en-polanco.jpg\" alt=\"In\u00e9s Polanco\" class=\"cb-img\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\">Desde:<br><b>$27,930.00 MXN con servicios<\/b><\/div>\n                    <div class=\"cb-address\">Andr\u00f3maco 9, Amp Granada, Miguel Hidalgo, CDMX<\/div>\n                    <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/urbanista.mx\/magda-la-roma\/\" class=\"cb-card\">\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\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\">Desde:<br><b>$24,930.00 MXN con servicios<\/b><\/div>\n                    <div class=\"cb-address\">Av. Insurgentes Sur 454, Roma Sur, Cuauht\u00e9moc, CDMX<\/div>\n                    <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/urbanista.mx\/josefa-reforma\/\" class=\"cb-card\">\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\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\">Desde:<br><b>$26,930.00 MXN con servicios<\/b><\/div>\n                    <div class=\"cb-address\">Paseo de la Reforma 390, Ju\u00e1rez, Cuauht\u00e9moc, CDMX<\/div>\n                    <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\" class=\"cb-card\">\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\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\">Una rec\u00e1mara desde:<br><b>$19,930.00 MXN con servicios<\/b><\/div>\n                    <div class=\"cb-address\">Donato Guerra 1, Ju\u00e1rez, Cuauht\u00e9moc, CDMX<\/div>\n                    <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/urbanista.mx\/natalia-doctores\/\" class=\"cb-card\">\n                <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/064ed2b7-24c3-4eeb-a318-c0121d76c971.jpg\" alt=\"Doctores\" class=\"cb-img\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\">Desde:<br><b>$26,630.00 MXN con servicios<\/b><\/div>\n                    <div class=\"cb-address\">Calle Dr. Carmona y Valle 25, Doctores, CDMX<\/div>\n                    <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\" class=\"cb-card\">\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\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\">Desde:<br><b>$19,830.00 MXN con servicios<\/b><\/div>\n                    <div class=\"cb-address\">San Francisco 345, Col Del Valle Centro, CDMX<\/div>\n                    <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/urbanista.mx\/leona-condesa\/\" class=\"cb-card\">\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\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\"><b>SIN DISPONIBILIDAD<\/b><\/div>\n                    <div class=\"cb-address\">Montes de Oca 47, Col Condesa, Cuauht\u00e9moc, CDMX<\/div>\n                    <div class=\"cb-btn\">CONOCE M\u00c1S<\/div>\n                <\/div>\n            <\/a>\n\n            <div class=\"cb-card\" style=\"cursor: default;\">\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\">\n                <div class=\"cb-overlay\"><\/div>\n                <div class=\"cb-content\">\n                    <div class=\"cb-price\"><b>PR\u00d3XIMAMENTE<\/b><\/div>\n                    <div class=\"cb-address\">Muy pronto llegar\u00e1 a Santa Mar\u00eda la Ribera, CDMX<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\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>\n        <div class=\"lightbox-content\"><img decoding=\"async\" class=\"lightbox-img\" id=\"lightboxImg\" src=\"\" alt=\"\">\n            <div class=\"lightbox-caption\">\n                <div class=\"lightbox-caption-title\" id=\"lightboxTitle\"><\/div>\n                <div class=\"lightbox-caption-desc\" id=\"lightboxDesc\"><\/div>\n            <\/div>\n            <div class=\"lightbox-counter\" id=\"lightboxCounter\"><\/div>\n        <\/div>\n    <\/div>\n\n    <section class=\"section\" id=\"pasos\">\n        <div style=\"text-align:center;margin-bottom:28px\" class=\"reveal\">\n            <h2 class=\"pilares-title\" style=\"margin:16px auto;text-align:center\">Tu nuevo hogar en <em>4 pasos<\/em><\/h2>\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>\n        <\/div>\n        <div class=\"steps-layout\">\n            <div class=\"step-form-card reveal\">\n                <div class=\"step-form-badge\">\n                    <div class=\"step-form-num\">1<\/div><span class=\"step-form-badge-text\">Paso uno \u00b7 2 minutos<\/span>\n                <\/div>\n                <h3 class=\"step-form-title\">Llena el formulario<\/h3>\n                <p class=\"step-form-desc\">D\u00e9janos tus datos y el edificio que te interesa. Sin compromiso, sin letras chiquitas.<\/p>\n                <div id=\"stepsHubspotForm\"><\/div>\n            <\/div>\n            <div class=\"steps-right reveal reveal-delay-2 visible\">\n                <div class=\"step-row\">\n                    <div class=\"step-row-num\"><span>2<\/span>\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>\n                    <\/div>\n                    <div class=\"step-row-body\">\n                        <h4>Te contactamos<\/h4>\n                        <p>Un asesor Urbanista se comunica contigo para resolver dudas y agendar tu visita presencial.<\/p>\n                        <div class=\"step-row-tag\">Mismo d\u00eda<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"step-row\">\n                    <div class=\"step-row-num\"><span>3<\/span>\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>\n                    <\/div>\n                    <div class=\"step-row-body\">\n                        <h4>Visita tu depa<\/h4>\n                        <p>Conoce el edificio, las amenidades y tu futuro departamento.<\/p>\n                        <div class=\"step-row-tag\">Sin compromiso<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"step-row\">\n                    <div class=\"step-row-num\"><span>4<\/span>\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>\n                    <\/div>\n                    <div class=\"step-row-body\">\n                        <h4>Firma y m\u00fadate<\/h4>\n                        <p>Contrato directo con Urbanista, sin aval. En 24 horas tienes confirmaci\u00f3n.<\/p>\n                        <div class=\"step-row-tag\">24h confirmaci\u00f3n<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"section testimonials-section\">\n        <div class=\"reveal\" style=\"text-align:center;margin-bottom:16px\">\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>\n        <\/div>\n        <div class=\"testimonials-wrapper\">\n            <div class=\"testimonial-card\">\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>\n                <div class=\"testimonial-text\">&#8220;Mi gato ama vivir aqu\u00ed. Hay espacio, calma y nadie pone cara por tener mascota. Pet-friendly real!&#8221;<\/div>\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>\n            <\/div>\n            <div class=\"testimonial-card\">\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>\n                <div class=\"testimonial-text\">&#8220;El proceso fue s\u00faper r\u00e1pido. Sin aval, sin complicaciones. En 24 horas ya ten\u00eda mi depa confirmado.&#8221;<\/div>\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>\n            <\/div>\n            <div class=\"testimonial-card\">\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>\n                <div class=\"testimonial-text\">&#8220;Las amenidades son incre\u00edbles. El gym, el coworking y el rooftop hacen que no quieras salir del edificio.&#8221;<\/div>\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>\n            <\/div>\n            <div class=\"testimonial-card\">\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>\n                <div class=\"testimonial-text\">&#8220;Lo mejor es el trato directo. Nada de intermediarios. Cualquier problema, lo resuelven r\u00e1pido y bien.&#8221;<\/div>\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>\n            <\/div>\n            <div class=\"testimonial-card\">\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>\n                <div class=\"testimonial-text\">&#8220;Pas\u00e9 de rentar un depa viejo y ruidoso a vivir en un lugar con aislamiento ac\u00fastico real. Game changer.&#8221;<\/div>\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>\n            <\/div>\n            <div class=\"testimonial-card\">\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>\n                <div class=\"testimonial-text\">&#8220;Mi gato ama vivir aqu\u00ed. Hay espacio, calma y nadie pone cara por tener mascota. Pet-friendly real!&#8221;<\/div>\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>\n            <\/div>\n            <div class=\"testimonial-card\">\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>\n                <div class=\"testimonial-text\">&#8220;El proceso fue s\u00faper r\u00e1pido. Sin aval, sin complicaciones. En 24 horas ya ten\u00eda mi depa confirmado.&#8221;<\/div>\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>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"blog\">\n        <div class=\"buildings-intro reveal\">\n            <h2 class=\"pilares-title\" style=\"text-align:center\">Tu gu\u00eda para la vida urbana<\/h2>\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>\n        <\/div>\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_laptop&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-24741 post type-post status-publish format-standard hentry category-reference-education-sociology tag-157\" role=\"listitem\">\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\/reference-education-sociology\/%d1%87%d0%b8%d0%bc-%d0%b2%d1%96%d0%b4%d1%80%d1%96%d0%b7%d0%bd%d1%8f%d1%8e%d1%82%d1%8c%d1%81%d1%8f-%d0%bd%d0%be%d0%b2%d0%b8%d0%bd%d0%bd%d1%96-%d0%bf%d0%be%d1%80%d1%82%d0%b0%d0%bb%d0%b8-%d0%b2%d1%96\/\">\n\t\t\t\t\u0427\u0438\u043c \u0432\u0456\u0434\u0440\u0456\u0437\u043d\u044f\u044e\u0442\u044c\u0441\u044f \u043d\u043e\u0432\u0438\u043d\u043d\u0456 \u043f\u043e\u0440\u0442\u0430\u043b\u0438 \u0432\u0456\u0434 \u0456\u043d\u0448\u0438\u0445 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\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\/reference-education-sociology\/%d1%87%d0%b8%d0%bc-%d0%b2%d1%96%d0%b4%d1%80%d1%96%d0%b7%d0%bd%d1%8f%d1%8e%d1%82%d1%8c%d1%81%d1%8f-%d0%bd%d0%be%d0%b2%d0%b8%d0%bd%d0%bd%d1%96-%d0%bf%d0%be%d1%80%d1%82%d0%b0%d0%bb%d0%b8-%d0%b2%d1%96\/\" aria-label=\"Read more about \u0427\u0438\u043c \u0432\u0456\u0434\u0440\u0456\u0437\u043d\u044f\u044e\u0442\u044c\u0441\u044f \u043d\u043e\u0432\u0438\u043d\u043d\u0456 \u043f\u043e\u0440\u0442\u0430\u043b\u0438 \u0432\u0456\u0434 \u0456\u043d\u0448\u0438\u0445 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\" 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-24731 post type-post status-publish format-standard hentry category-fashion-clothing tag-atlantvector-com-ua\" role=\"listitem\">\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\/fashion-clothing\/%d1%8f%d0%ba%d1%83-%d0%bf%d0%b8%d1%82%d0%b0%d0%bd%d0%bd%d1%8f-%d0%b2%d0%b8%d1%81%d0%b2%d1%96%d1%82%d0%bb%d1%8e%d1%94-%d0%bf%d0%be%d1%80%d1%82%d0%b0%d0%bb-atlantvector-com-ua\/\">\n\t\t\t\t\u042f\u043a\u0443 \u043f\u0438\u0442\u0430\u043d\u043d\u044f \u0432\u0438\u0441\u0432\u0456\u0442\u043b\u044e\u0454 \u043f\u043e\u0440\u0442\u0430\u043b atlantvector.com.ua\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\/fashion-clothing\/%d1%8f%d0%ba%d1%83-%d0%bf%d0%b8%d1%82%d0%b0%d0%bd%d0%bd%d1%8f-%d0%b2%d0%b8%d1%81%d0%b2%d1%96%d1%82%d0%bb%d1%8e%d1%94-%d0%bf%d0%be%d1%80%d1%82%d0%b0%d0%bb-atlantvector-com-ua\/\" aria-label=\"Read more about \u042f\u043a\u0443 \u043f\u0438\u0442\u0430\u043d\u043d\u044f \u0432\u0438\u0441\u0432\u0456\u0442\u043b\u044e\u0454 \u043f\u043e\u0440\u0442\u0430\u043b atlantvector.com.ua\" 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-24728 post type-post status-publish format-standard hentry category-internet-business-seo tag-153\" role=\"listitem\">\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\/internet-business-seo\/%d1%82%d0%be%d1%80%d1%82%d0%b8-%d0%b2-%d0%bc%d1%83%d0%bb%d1%8c%d1%82%d0%b8%d0%b2%d0%b0%d1%80%d1%86%d1%96-polaris-%d0%bf%d1%80%d0%be%d1%81%d1%82%d1%96-%d1%80%d0%b5%d1%86%d0%b5%d0%bf%d1%82\/\">\n\t\t\t\t\u0422\u043e\u0440\u0442\u0438 \u0432 \u043c\u0443\u043b\u044c\u0442\u0438\u0432\u0430\u0440\u0446\u0456 Polaris \u2013 \u043f\u0440\u043e\u0441\u0442\u0456 \u0440\u0435\u0446\u0435\u043f\u0442\u0438 \u0434\u043b\u044f \u0434\u043e\u043c\u0430\u0448\u043d\u0456\u0445 \u043b\u0430\u0441\u043e\u0449\u0456\u0432\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\/internet-business-seo\/%d1%82%d0%be%d1%80%d1%82%d0%b8-%d0%b2-%d0%bc%d1%83%d0%bb%d1%8c%d1%82%d0%b8%d0%b2%d0%b0%d1%80%d1%86%d1%96-polaris-%d0%bf%d1%80%d0%be%d1%81%d1%82%d1%96-%d1%80%d0%b5%d1%86%d0%b5%d0%bf%d1%82\/\" aria-label=\"Read more about \u0422\u043e\u0440\u0442\u0438 \u0432 \u043c\u0443\u043b\u044c\u0442\u0438\u0432\u0430\u0440\u0446\u0456 Polaris \u2013 \u043f\u0440\u043e\u0441\u0442\u0456 \u0440\u0435\u0446\u0435\u043f\u0442\u0438 \u0434\u043b\u044f \u0434\u043e\u043c\u0430\u0448\u043d\u0456\u0445 \u043b\u0430\u0441\u043e\u0449\u0456\u0432\" 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=\"27\" data-next-page=\"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23470\/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\n    <\/section>\n\n    <section class=\"cta-section\" id=\"contacto\">\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>\n        <p class=\"section-desc\" style=\"text-align:center;margin:0 auto 32px;\">Agenda tu tour y descubre c\u00f3mo se siente avanzar.<\/p>\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>\n    <\/section>\n\n    <footer>\n        <div class=\"footer-top\">\n            <div class=\"footer-brand\">\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>\n                <p>Apartamentos en renta en CDMX para quienes valoran su tiempo<\/p>\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;\">\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;\">\n                    Premio al mejor desarrollo residencial 2023 y 2025.\n                <\/p>\n            <\/div>\n            <div class=\"footer-col\">\n                <h4>Comunidades<\/h4>\n                <div class=\"footer-comunidades-grid\">\n                    <a href=\"https:\/\/urbanista.mx\/amalia-napoles\">Amalia \u00b7 N\u00e1poles<\/a>\n                    <a href=\"https:\/\/urbanista.mx\/amalia-napoles\">In\u00e9s \u00b7 Polanco<\/a>\n                    <a href=\"https:\/\/urbanista.mx\/amalia-napoles\">Magda \u00b7 Roma Sur<\/a>\n                    <a href=\"https:\/\/urbanista.mx\/amalia-napoles\">Josefa \u00b7 Reforma<\/a>\n                    <a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\">Matilde \u00b7 Ju\u00e1rez<\/a>\n                    <a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\">Natalia \u00b7 Doctores<\/a>\n                    <a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\">Joaquina \u00b7 Del Valle<\/a>\n                    <a href=\"https:\/\/urbanista.mx\/leona-condesa\/\">Leona \u00b7 Condesa<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"footer-col\">\n                <h4>Contacto<\/h4>\n                <a href=\"#pasos\" style=\"color:var(--terra-light);font-weight:600;\">Agendar visita<\/a>\n                <a href=\"mailto:hola@urbanista.mx\">hola@urbanista.mx<\/a>\n                <a href=\"https:\/\/urbanista.mx\/preguntas-frecuentes\/\">FAQ<\/a>\n                <div class=\"footer-social\">\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>\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>\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>\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>\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>\n                <\/div>\n            <\/div>\n        <\/div>\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);\">\n            <div class=\"footer-legal\">\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>\n            <\/div>\n            <a href=\"https:\/\/www.google.com\/partners\/agency?id=1048257194\" target=\"_blank\" class=\"footer-google-badge\" rel=\"noopener\">\n                <img decoding=\"async\" src=\"https:\/\/www.gstatic.com\/partners\/badge\/images\/2025\/PartnerBadgeClickable.svg\" alt=\"Google Partner\" style=\"height:36px;width:auto;\">\n            <\/a>\n            <span>Copyright \u00a9 Urbanista 2025<\/span>\n        <\/div>\n    <\/footer>\n\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>\n    <div class=\"sidebar-overlay\" id=\"sidebarOverlay\"><\/div>\n    <div class=\"sidebar-panel\" id=\"sidebarPanel\">\n        <div class=\"sidebar-header\">\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>\n        <\/div>\n        <div class=\"sidebar-body\">\n            <div class=\"sidebar-building-badge\"><span id=\"sidebarBuildingBadge\">DISPONIBLE<\/span><\/div>\n            <h3 style=\"font-size:22px;color:var(--white);margin-bottom:8px;\" id=\"sidebarBuildingName\">EDIFICIO<\/h3>\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>\n            <div class=\"sidebar-form-container\" id=\"sidebarFormTarget\"><\/div>\n        <\/div>\n    <\/div>\n    <script>\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' }];\n        let currentLightboxIndex = 0;\n        function openLightbox(idx) { currentLightboxIndex = idx; updateLightbox(); document.getElementById('lightboxOverlay').classList.add('open'); document.body.style.overflow = 'hidden'; }\n        function closeLightbox() { document.getElementById('lightboxOverlay').classList.remove('open'); document.body.style.overflow = ''; }\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; }\n        function lightboxPrev() { currentLightboxIndex = (currentLightboxIndex - 1 + amenitiesData.length) % amenitiesData.length; updateLightbox(); }\n        function lightboxNext() { currentLightboxIndex = (currentLightboxIndex + 1) % amenitiesData.length; updateLightbox(); }\n        document.getElementById('lightboxClose').addEventListener('click', closeLightbox);\n        document.getElementById('lightboxPrev').addEventListener('click', lightboxPrev);\n        document.getElementById('lightboxNext').addEventListener('click', lightboxNext);\n        document.getElementById('lightboxOverlay').addEventListener('click', function (e) { if (e.target === this) closeLightbox(); });\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(); });\n        window.addEventListener('load', () => { setTimeout(() => document.getElementById('preloader').classList.add('hidden'), 900); });\n        const nav = document.getElementById('mainNav');\n        window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 50));\n        const navToggle = document.getElementById('navToggle');\n        const mobileMenu = document.getElementById('mobileMenu');\n        navToggle.addEventListener('click', function () { this.classList.toggle('open'); mobileMenu.classList.toggle('open'); document.body.style.overflow = mobileMenu.classList.contains('open') ? 'hidden' : ''; });\n        document.querySelectorAll('.mobile-nav-link').forEach(link => { link.addEventListener('click', () => { navToggle.classList.remove('open'); mobileMenu.classList.remove('open'); document.body.style.overflow = ''; }); });\n        const revealObs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); revealObs.unobserve(e.target); } }); }, { threshold: .12 });\n        document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));\n        const buildingNames = ['AMALIA', 'IN\u00c9S', 'MAGDA', 'JOSEFA', 'MATILDE', 'NATALIA', 'JOAQUINA', 'LEONA', 'ENRIQUETA'];\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' };\n        let sidebarLoadedFor = -1;\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'; }\n        function closeSidebar() { document.getElementById('sidebarOverlay').classList.remove('open'); document.getElementById('sidebarPanel').classList.remove('open'); document.body.style.overflow = ''; }\n        document.getElementById('sidebarOverlay').addEventListener('click', closeSidebar);\n        document.getElementById('sidebarCloseBtn').addEventListener('click', closeSidebar);\n        document.addEventListener('keydown', e => { if (e.key === 'Escape') closeSidebar(); });\n        function fixPhoneField(formContext) {\n            try {\n                const formEl = (formContext && formContext[0]) ? formContext[0] : formContext;\n                if (!formEl || !formEl.querySelectorAll) return;\n                const selects = formEl.querySelectorAll('select');\n                selects.forEach(sel => {\n                    \/\/ Only target phone country selects (they have country codes as values)\n                    const isPhoneSelect = Array.from(sel.options).some(o => o.text && o.text.indexOf('+') !== -1);\n                    if (!isPhoneSelect) return;\n                    \/\/ Set Mexico as default\n                    for (let i = 0; i < sel.options.length; i++) {\n                        if (sel.options[i].text &#038;&#038; sel.options[i].text.indexOf('Mexico') !== -1) {\n                            sel.selectedIndex = i;\n                            try { sel.dispatchEvent(new Event('change', { bubbles: true })); } catch(e) {}\n                            break;\n                        }\n                    }\n                    \/\/ Replace with static prefix\n                    const prefix = document.createElement('span');\n                    prefix.textContent = 'MX +52';\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;';\n                    sel.style.display = 'none';\n                    if (sel.parentNode) sel.parentNode.insertBefore(prefix, sel);\n                    prefix.addEventListener('click', () => { sel.style.display = ''; prefix.style.display = 'none'; });\n                });\n            } catch(e) { console.warn('fixPhoneField error:', e); }\n        }\n        function initForms() {\n            if (typeof hbspt === 'undefined') return;\n            hbspt.forms.create({\n                portalId: '47830887', formId: 'd04d018c-0ee4-43ad-ac48-016eed8e2012', region: 'na1', target: '#heroHubspotForm',\n                onFormReady: function($form) { setTimeout(function() { fixPhoneField($form); }, 500); }\n            });\n            hbspt.forms.create({\n                portalId: '47830887', formId: 'd04d018c-0ee4-43ad-ac48-016eed8e2012', region: 'na1', target: '#stepsHubspotForm',\n                onFormReady: function($form) { setTimeout(function() { fixPhoneField($form); }, 500); }\n            });\n        }\n    <\/script>\n    <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\" defer onload=\"initForms()\"><\/script>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const statNums = document.querySelectorAll('.hero-stat-pill-num');\n            setTimeout(() => {\n                statNums.forEach((element, index) => {\n                    setTimeout(() => {\n                        const originalText = element.innerText.trim();\n                        const numMatch = originalText.match(\/[\\d,]+\/);\n                        if (!numMatch) return;\n                        const cleanNum = numMatch[0].replace(\/,\/g, '');\n                        const targetNum = parseInt(cleanNum, 10);\n                        const suffix = originalText.substring(numMatch.index + numMatch[0].length);\n                        const prefix = originalText.substring(0, numMatch.index);\n                        const hasComma = numMatch[0].includes(',');\n                        let current = 0;\n                        const duration = 1500;\n                        const stepTime = 30;\n                        const inc = targetNum \/ (duration \/ stepTime);\n                        element.style.transform = \"scale(0.8)\";\n                        element.style.opacity = \"0.5\";\n                        element.style.transition = \"transform 0.3s, opacity 0.3s\";\n                        const timer = setInterval(() => {\n                            current += inc;\n                            if (current >= targetNum) {\n                                element.innerText = prefix + (hasComma ? targetNum.toLocaleString() : targetNum) + suffix;\n                                element.style.transform = \"scale(1)\";\n                                element.style.opacity = \"1\";\n                                clearInterval(timer);\n                            } else {\n                                const val = Math.floor(current);\n                                element.innerText = prefix + (hasComma ? val.toLocaleString() : val) + suffix;\n                                element.style.transform = \"scale(1.05)\";\n                                element.style.opacity = \"0.9\";\n                            }\n                        }, stepTime);\n                    }, index * 300);\n                });\n            }, 1000);\n        });\n    <\/script>\n<\/body>\n\n<\/html>\n","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-23470","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23470","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=23470"}],"version-history":[{"count":1,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23470\/revisions"}],"predecessor-version":[{"id":23471,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23470\/revisions\/23471"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=23470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}