Por qu\u00e9 te conviene rentar en Urbanista | Departamentos en CDMX<\/title>\n<meta name=\"description\" content=\"Rentar departamento en CDMX sin aval, con servicios incluidos y amenidades premium. Urbanista te da tiempo, claridad y un lugar que juega a tu favor.\">\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=Bebas+Neue&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --primary: #42749a;\n --primary-dark: #004e64;\n --white: #ffffff;\n --off-white: #f5f7f9;\n --light-gray: #e8ecf0;\n --text: #1a2a3a;\n --text-light: #5a6a7a;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; overflow-x: hidden; }\n body {\n font-family: 'Roboto', sans-serif;\n color: var(--text);\n line-height: 1.7;\n font-weight: 300;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n max-width: 100vw;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n position: relative; min-height: 100vh;\n display: flex; align-items: center; justify-content: center;\n overflow: hidden; background: var(--primary-dark);\n margin-top: 120px;\n\n }\n .hero-bg {\n position: absolute; inset: 0;\n background:\n linear-gradient(160deg, rgba(0,78,100,.92) 0%, rgba(66,116,154,.75) 50%, rgba(0,78,100,.88) 100%),\n url('https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/11\/mas-alla-de-4-paredes-Urbanista-1024x576.png') center\/cover no-repeat;\n }\n .hero-pattern {\n position: absolute; inset: 0; opacity: .06;\n background-image:\n repeating-linear-gradient(0deg, transparent, transparent 80px, rgba(255,255,255,.3) 80px, rgba(255,255,255,.3) 81px),\n repeating-linear-gradient(90deg, transparent, transparent 80px, rgba(255,255,255,.3) 80px, rgba(255,255,255,.3) 81px);\n }\n .hero-content {\n position: relative; z-index: 2;\n max-width: 900px; padding: 0 32px; text-align: center;\n animation: heroIn 1s ease-out;\n will-change: transform, opacity;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 12px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase;\n color: rgba(255,255,255,.7);\n margin-bottom: 32px; padding: 8px 20px;\n border: 1px solid rgba(255,255,255,.2); border-radius: 50px;\n }\n .hero-badge svg { width: 14px; height: 14px; stroke: rgba(255,255,255,.7); }\n .hero h1 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(48px, 7vw, 96px);\n color: #fff; line-height: .95; letter-spacing: 2px; margin-bottom: 28px;\n }\n .hero h1 span {\n display: block;\n font-size: .42em; font-family: 'Roboto', sans-serif; font-weight: 300;\n letter-spacing: 0; line-height: 1.6; color: rgba(255,255,255,.8);\n margin: 20px auto 0;\n }\n .hero-cta {\n display: inline-flex; align-items: center; gap: 10px;\n font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 3px;\n padding: 18px 52px; background: #fff; color: var(--primary-dark);\n text-decoration: none; transition: all .35s; margin-top: 12px;\n border-radius: 50px; box-shadow: 0 4px 24px rgba(0,0,0,.15);\n }\n .hero-cta svg { width: 18px; height: 18px; transition: transform .3s; }\n .hero-cta:hover { background: var(--primary); color: #fff; transform: translateY(-3px); box-shadow: 0 8px 32px rgba(66,116,154,.4); }\n .hero-cta:hover svg { transform: translateX(4px); }\n .hero-cta:hover svg path { stroke: #fff; }\n .hero-scroll {\n position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);\n z-index: 2; animation: bounce 2s infinite;\n }\n .hero-scroll svg { width: 24px; height: 24px; stroke: rgba(255,255,255,.5); }\n\n \/* \u2500\u2500 SECTION DEFAULTS \u2500\u2500 *\/\n section { padding: 100px 0; }\n .container { max-width: 1100px; margin: 0 auto; padding: 0 32px; }\n .section-label {\n font-size: 11px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase;\n color: var(--primary); margin-bottom: 16px;\n display: flex; align-items: center; gap: 12px;\n }\n .section-label::before { content: ''; width: 32px; height: 1px; background: var(--primary); }\n .section-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(36px, 4.5vw, 56px);\n line-height: 1; letter-spacing: 1px; color: var(--primary-dark); margin-bottom: 24px;\n }\n .section-text { font-size: 17px; color: var(--text-light); line-height: 1.8; max-width: 680px; }\n\n \/* \u2500\u2500 IMPULSA \u2500\u2500 *\/\n .impulsa { background: var(--off-white); }\n .impulsa-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 64px; align-items: center; margin-top: 48px;\n }\n .impulsa-features { display: flex; flex-direction: column; gap: 28px; }\n .feature-item {\n display: flex; gap: 20px; align-items: flex-start;\n padding: 24px; background: #fff; border-radius: 8px;\n transition: transform .3s, box-shadow .3s;\n }\n .feature-item:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,78,100,.08); }\n .feature-icon {\n flex-shrink: 0; width: 48px; height: 48px;\n background: var(--primary-dark); border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n }\n .feature-icon svg { width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n .feature-item h4 { font-weight: 500; font-size: 16px; margin-bottom: 4px; color: var(--primary-dark); }\n .feature-item p { font-size: 14px; color: var(--text-light); line-height: 1.6; }\n .impulsa-visual { position: relative; height: 520px; border-radius: 8px; overflow: hidden; }\n .impulsa-visual-bg {\n position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 50%, rgba(0,78,100,.6) 100%),\n url('https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-06-at-2.03.18-PM.jpeg') center\/cover;\n }\n .impulsa-visual-text { position: absolute; bottom: 32px; left: 32px; right: 32px; color: #fff; }\n .impulsa-visual-text h3 { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 1px; }\n .impulsa-visual-text p { font-size: 14px; opacity: .85; margin-top: 4px; }\n\n \/* \u2500\u2500 PARA QUIEN \u2500\u2500 *\/\n .para-quien { background: var(--primary-dark); color: #fff; position: relative; overflow: hidden; }\n .para-quien::before {\n content: ''; position: absolute; top: -200px; right: -200px;\n width: 600px; height: 600px; border-radius: 50%; background: rgba(66,116,154,.2);\n }\n .para-quien .section-label { color: rgba(255,255,255,.5); }\n .para-quien .section-label::before { background: rgba(255,255,255,.3); }\n .para-quien .section-title { color: #fff; }\n .para-quien .section-text { color: rgba(255,255,255,.7); }\n .personas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }\n .persona-card {\n padding: 36px 28px; border: 1px solid rgba(255,255,255,.12);\n border-radius: 8px; transition: .3s; position: relative; overflow: hidden;\n }\n .persona-card::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px;\n background: var(--primary); transform: scaleX(0); transform-origin: left; transition: transform .4s;\n }\n .persona-card:hover::before { transform: scaleX(1); }\n .persona-card:hover { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.04); }\n .persona-icon {\n width: 44px; height: 44px; border-radius: 50%;\n background: rgba(66,116,154,.25);\n display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\n }\n .persona-icon svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n .persona-card h4 { font-size: 16px; font-weight: 500; margin-bottom: 8px; color: #fff; }\n .persona-card p { font-size: 14px; color: rgba(255,255,255,.6); line-height: 1.7; }\n\n \/* \u2500\u2500 ESPACIOS (masonry 2-col) \u2500\u2500 *\/\n .espacios { background: #fff; }\n .espacios-masonry {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 16px; margin-top: 48px;\n }\n .masonry-col { display: flex; flex-direction: column; gap: 16px; }\n .espacio-card {\n border-radius: 12px; overflow: hidden; cursor: pointer;\n box-shadow: 0 2px 12px rgba(0,78,100,.08);\n transition: transform .3s, box-shadow .3s;\n }\n .espacio-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,78,100,.14); }\n .espacio-img-wrap {\n position: relative; overflow: hidden;\n }\n .espacio-img-wrap img {\n width: 100%; height: 100%; object-fit: cover; display: block;\n object-position: right bottom;\n transition: transform .7s cubic-bezier(.25,.46,.45,.94);\n }\n .espacio-card:hover .espacio-img-wrap img { transform: scale(1.05); }\n .espacio-title-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 50%, rgba(0,20,30,.35) 100%);\n display: flex; align-items: flex-end; padding: 24px;\n }\n .espacio-title-overlay h4 {\n font-family: 'Bebas Neue', sans-serif; font-size: 28px;\n color: #fff; letter-spacing: 2px;\n text-shadow: 0 2px 8px rgba(0,0,0,.5), 0 4px 20px rgba(0,0,0,.3);\n }\n .espacio-expand {\n position: absolute; top: 16px; right: 16px;\n width: 40px; height: 40px; border-radius: 50%;\n background: rgba(255,255,255,.15); backdrop-filter: blur(8px);\n display: flex; align-items: center; justify-content: center;\n opacity: 0; transform: scale(.8); transition: .3s;\n }\n .espacio-card:hover .espacio-expand { opacity: 1; transform: scale(1); }\n .espacio-expand svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; }\n .espacio-subtitle {\n background: var(--primary-dark);\n padding: 14px 20px;\n display: flex; align-items: center; gap: 10px;\n }\n .espacio-subtitle svg {\n width: 18px; height: 18px; stroke: rgba(255,255,255,.7); fill: none;\n stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n flex-shrink: 0;\n }\n .espacio-subtitle p {\n font-size: 14px; color: rgba(255,255,255,.85);\n font-weight: 400; margin: 0; line-height: 1.3;\n }\n\n \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n .lightbox {\n position: fixed; inset: 0; z-index: 1000;\n background: rgba(0,20,30,.92); backdrop-filter: blur(16px);\n display: flex; align-items: center; justify-content: center;\n opacity: 0; pointer-events: none; transition: opacity .4s;\n padding: 40px;\n }\n .lightbox.active { opacity: 1; pointer-events: all; }\n .lightbox-inner {\n position: relative; max-width: 1000px; width: 100%;\n transform: scale(.92) translateY(20px);\n transition: transform .5s cubic-bezier(.25,.46,.45,.94);\n }\n .lightbox.active .lightbox-inner { transform: scale(1) translateY(0); }\n .lightbox-inner img {\n width: 100%; max-height: 82vh; object-fit: cover;\n border-radius: 16px; display: block;\n box-shadow: 0 20px 80px rgba(0,0,0,.4);\n }\n .lightbox-caption {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 36px 32px 32px; border-radius: 0 0 16px 16px;\n background: linear-gradient(transparent, rgba(0,30,42,.75));\n }\n .lightbox-caption h3 {\n font-family: 'Bebas Neue', sans-serif; font-size: 36px;\n color: #fff; letter-spacing: 2px;\n text-shadow: 0 2px 8px rgba(0,0,0,.4);\n }\n .lightbox-caption p { font-size: 16px; color: rgba(255,255,255,.8); margin-top: 4px; }\n .lightbox-close {\n position: absolute; top: -52px; right: 0;\n width: 44px; height: 44px; border-radius: 50%;\n background: rgba(255,255,255,.12); border: none; cursor: pointer;\n display: flex; align-items: center; justify-content: center; transition: .3s;\n }\n .lightbox-close:hover { background: rgba(255,255,255,.25); transform: rotate(90deg); }\n .lightbox-close svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; }\n\n \/* \u2500\u2500 SIN BUROCRACIA \u2500\u2500 *\/\n .sin-burocracia { background: var(--off-white); }\n .burocracia-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 48px; }\n .burocracia-item { text-align: center; }\n .burocracia-circle {\n width: 80px; height: 80px; margin: 0 auto 20px; border-radius: 50%;\n background: var(--primary-dark);\n display: flex; align-items: center; justify-content: center;\n transition: transform .3s, box-shadow .3s;\n }\n .burocracia-item:hover .burocracia-circle { transform: scale(1.08); box-shadow: 0 8px 24px rgba(0,78,100,.2); }\n .burocracia-circle svg { width: 32px; height: 32px; stroke: #fff; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n .burocracia-item h4 { font-weight: 500; font-size: 15px; color: var(--primary-dark); margin-bottom: 6px; }\n .burocracia-item p { font-size: 13px; color: var(--text-light); line-height: 1.6; }\n\n \/* \u2500\u2500 FORM SECTION \u2500\u2500 *\/\n .form-section {\n padding: 100px 0;\n background: linear-gradient(160deg, var(--off-white) 0%, #fff 100%);\n position: relative; overflow: hidden;\n }\n .form-section::before {\n content: ''; position: absolute; top: -300px; right: -200px;\n width: 600px; height: 600px; border-radius: 50%;\n background: rgba(66,116,154,.06);\n }\n .form-section::after {\n content: ''; position: absolute; bottom: -200px; left: -150px;\n width: 400px; height: 400px; border-radius: 50%;\n background: rgba(0,78,100,.04);\n }\n .form-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 64px; align-items: center;\n position: relative; z-index: 1;\n }\n .form-text-side .section-title { margin-bottom: 20px; }\n .form-description {\n font-size: 17px; color: var(--text-light); line-height: 1.8; margin-bottom: 36px;\n }\n .form-benefits { display: flex; flex-direction: column; gap: 20px; margin-bottom: 36px; }\n .form-benefit { display: flex; align-items: center; gap: 16px; }\n .form-benefit-icon {\n flex-shrink: 0; width: 44px; height: 44px;\n background: var(--primary-dark); border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n }\n .form-benefit-icon svg {\n width: 20px; height: 20px; stroke: #fff; fill: none;\n stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n }\n .form-benefit-text strong { display: block; font-size: 15px; font-weight: 500; color: var(--primary-dark); }\n .form-benefit-text span { font-size: 13px; color: var(--text-light); }\n .form-card {\n background: #fff; padding: 40px 36px; border-radius: 20px;\n box-shadow: 0 16px 60px rgba(0,78,100,.1);\n border: 1px solid rgba(0,78,100,.06); position: relative;\n }\n .form-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0;\n height: 4px; background: linear-gradient(90deg, var(--primary-dark), var(--primary));\n border-radius: 20px 20px 0 0;\n }\n .form-availability {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 13px; font-weight: 500; color: var(--primary-dark);\n margin-bottom: 20px; padding: 6px 14px;\n background: rgba(66,116,154,.08); border-radius: 50px;\n }\n .pulse-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: #22c55e; position: relative;\n }\n .pulse-dot::after {\n content: ''; position: absolute; inset: -3px;\n border-radius: 50%; background: rgba(34,197,94,.3);\n animation: pulse-ring 1.5s infinite;\n }\n @keyframes pulse-ring {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(2.2); opacity: 0; }\n }\n .form-card-header { text-align: center; margin-bottom: 28px; }\n .form-card-header h3 {\n font-family: 'Bebas Neue', sans-serif; font-size: 32px;\n color: var(--primary-dark); letter-spacing: 1px; margin-bottom: 4px;\n }\n .form-card-header p { font-size: 14px; color: var(--text-light); }\n .form-card-header strong { color: var(--primary-dark); }\n .form-card .hs-form-field { margin-bottom: 16px; }\n .form-card .hs-form-field label {\n font-family: 'Roboto', sans-serif !important;\n font-size: 13px !important; font-weight: 500 !important;\n color: var(--text) !important; margin-bottom: 6px !important; display: block !important;\n }\n .form-card .hs-input {\n width: 100% !important; padding: 12px 16px !important;\n border: 1.5px solid var(--light-gray) !important;\n border-radius: 10px !important; font-size: 15px !important;\n font-family: 'Roboto', sans-serif !important;\n transition: border-color .3s !important; background: var(--off-white) !important;\n }\n .form-card .hs-input:focus {\n border-color: var(--primary) !important; outline: none !important;\n box-shadow: 0 0 0 3px rgba(66,116,154,.12) !important;\n }\n .form-card select.hs-input {\n appearance: none !important; cursor: pointer !important;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6a7a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\") !important;\n background-repeat: no-repeat !important; background-position: right 14px center !important;\n }\n .form-card .hs-submit .actions { margin-top: 8px !important; }\n .form-card .hs-button {\n width: 100% !important; padding: 16px !important;\n background: var(--primary-dark) !important; color: #fff !important;\n border: none !important; border-radius: 50px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 20px !important; letter-spacing: 3px !important;\n cursor: pointer !important; transition: all .35s !important;\n box-shadow: 0 4px 16px rgba(0,78,100,.2) !important;\n }\n .form-card .hs-button:hover {\n background: var(--primary) !important; transform: translateY(-2px) !important;\n box-shadow: 0 8px 24px rgba(66,116,154,.3) !important;\n }\n .form-card .hs-error-msgs { font-size: 12px !important; color: #e53e3e !important; margin-top: 4px !important; }\n .form-card .hs-error-msgs li label { color: #e53e3e !important; font-weight: 400 !important; }\n .form-guarantee {\n display: flex; align-items: center; justify-content: center; gap: 8px;\n margin-top: 20px; font-size: 12px; color: var(--text-light);\n }\n .form-guarantee svg {\n width: 14px; height: 14px; stroke: var(--text-light); fill: none;\n stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer { background: #0a1e2a; padding: 48px 0; text-align: center; }\n .footer-logo { margin-bottom: 16px; }\n .footer p { font-size: 13px; color: rgba(255,255,255,.3); }\n .footer a { color: rgba(255,255,255,.5); text-decoration: none; }\n\n \/* \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500 *\/\n @keyframes heroIn {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes bounce {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(8px); }\n }\n .reveal {\n opacity: 0;\n transition: opacity .8s cubic-bezier(.25,.46,.45,.94), transform .8s cubic-bezier(.25,.46,.45,.94);\n }\n .reveal.visible { opacity: 1; }\n .reveal-up { transform: translateY(50px); }\n .reveal-up.visible { transform: translateY(0); }\n .reveal-left { transform: translateX(-50px); }\n .reveal-left.visible { transform: translateX(0); }\n .reveal-right { transform: translateX(50px); }\n .reveal-right.visible { transform: translateX(0); }\n .reveal-scale { transform: scale(.92); }\n .reveal-scale.visible { transform: scale(1); }\n .delay-1 { transition-delay: .1s; }\n .delay-2 { transition-delay: .2s; }\n .delay-3 { transition-delay: .3s; }\n .delay-4 { transition-delay: .4s; }\n .delay-5 { transition-delay: .5s; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .nav { padding: 14px 24px; }\n .impulsa-grid { grid-template-columns: 1fr; gap: 40px; }\n .impulsa-visual { height: 340px; }\n .personas-grid { grid-template-columns: 1fr; }\n .espacios-masonry { grid-template-columns: 1fr; }\n .form-grid { grid-template-columns: 1fr; gap: 40px; }\n .burocracia-grid { grid-template-columns: 1fr 1fr; gap: 40px 24px; }\n section { padding: 72px 0; }\n .lightbox { padding: 20px; }\n .lightbox-inner img { max-height: 70vh; }\n }\n @media (max-width: 600px) {\n .nav { padding: 12px 16px; }\n .nav-logo img { height: 28px; }\n .nav-cta { font-size: 12px; padding: 8px 16px; letter-spacing: 1px; }\n .nav.scrolled { padding: 10px 16px; }\n .container { padding: 0 16px; }\n section { padding: 56px 0; }\n .hero-content { padding: 0 16px; }\n .hero-badge { font-size: 11px; padding: 6px 14px; margin-bottom: 20px; letter-spacing: 2px; }\n .hero h1 { font-size: 42px; margin-bottom: 16px; }\n .hero h1 span { font-size: 17px; margin-top: 14px; line-height: 1.5; }\n .hero-cta { font-size: 18px; padding: 16px 40px; letter-spacing: 2px; }\n .section-title { font-size: 34px !important; margin-bottom: 16px; }\n .section-label { font-size: 11px; letter-spacing: 3px; margin-bottom: 12px; }\n .section-text,\n .form-description,\n .feature-item p,\n .persona-card p,\n .burocracia-item p,\n .form-benefit-text span { font-size: 17px !important; line-height: 1.6; }\n .feature-item h4,\n .persona-card h4,\n .burocracia-item h4,\n .form-benefit-text strong { font-size: 18px !important; }\n .espacio-title-overlay h4 { font-size: 26px; }\n .espacio-subtitle p { font-size: 15px !important; }\n .impulsa-visual-text h3 { font-size: 24px; }\n .impulsa-visual-text p { font-size: 15px; }\n .espacio-card { max-width: 100%; }\n .espacio-img-wrap { height: auto !important; aspect-ratio: 16 \/ 10; }\n .espacio-img-wrap img { object-position: center; }\n .impulsa-visual { height: auto !important; aspect-ratio: 16 \/ 9; }\n .burocracia-grid { grid-template-columns: 1fr 1fr; gap: 24px; }\n .burocracia-circle { width: 64px; height: 64px; }\n .burocracia-circle svg { width: 26px; height: 26px; }\n .personas-grid { gap: 16px; }\n .persona-card { padding: 24px 20px; }\n .form-card { padding: 28px 20px; }\n .form-card-header h3 { font-size: 28px; }\n .form-card-header p { font-size: 15px; }\n .form-description { margin-bottom: 24px; }\n .lightbox { padding: 16px; }\n .lightbox-close { top: -44px; width: 36px; height: 36px; }\n .lightbox-caption h3 { font-size: 26px; }\n .lightbox-caption p { font-size: 15px; }\n .lightbox-caption { padding: 24px 20px 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-pattern\"><\/div>\n <div class=\"hero-content\">\n <h1>WHY IT\u2019S A GOOD IDEA<br>TO RENT AT URBANISTA\n <span>Renting an apartment in Mexico City shouldn\u2019t feel like just another obstacle in your path. Urbanista exists for those who know their home is a platform for growth.<\/span>\n <\/h1>\n <a href=\"#contacto\" class=\"hero-cta\">I WANT TO RENT <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg><\/a>\n <\/div>\n <div class=\"hero-scroll\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14\"\/><path d=\"M19 12l-7 7-7-7\"\/><\/svg><\/div>\n<\/section>\n\n\n<section class=\"impulsa\">\n <div class=\"container\">\n <div class=\"reveal reveal-up\">\n <div class=\"section-label\">THE URBANISTA DIFFERENCE<\/div>\n <h2 class=\"section-title\">A home that doesn\u2019t hold you back.<br>It moves you forward.<\/h2>\n <p class=\"section-text\">Renting an apartment in Mexico City often comes with unnecessary friction: long contracts, confusing paperwork, slow maintenance, absurd rules, and absent landlords. At Urbanista, we designed a different experience.<\/p>\n <\/div>\n <div class=\"impulsa-grid\">\n <div class=\"impulsa-features\">\n <div class=\"feature-item reveal reveal-left delay-1\">\n <div class=\"feature-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div><h4>Strategic locations<\/h4><p>Move-in-ready apartments in the best areas of Mexico City.<\/p><\/div>\n <\/div>\n <div class=\"feature-item reveal reveal-left delay-2\">\n <div class=\"feature-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <div><h4>Included services and clear rules<\/h4><p>Electricity, water, internet, gas, and maintenance. Everything from day one, with no surprises.<\/p><\/div>\n <\/div>\n <div class=\"feature-item reveal reveal-left delay-3\">\n <div class=\"feature-icon\"><svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n <div><h4>Support that actually responds<\/h4><p>Professional maintenance and support in hours, not days.<\/p><\/div>\n <\/div>\n <div class=\"feature-item reveal reveal-left delay-4\">\n <div class=\"feature-icon\"><svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg><\/div>\n <div><h4>Functional design<\/h4><p>Thoughtfully designed spaces that adapt to your pace of life.<\/p><\/div>\n <\/div>\n <\/div>\n <div class=\"impulsa-visual reveal reveal-right delay-2\">\n <div class=\"impulsa-visual-bg\"><\/div>\n <div class=\"impulsa-visual-text\">\n <h3>LIVE PEACEFULLY WHILE EVERYTHING JUST WORKS<\/h3>\n <p>Here, you\u2019re not managing a problem.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"para-quien\">\n <div class=\"container\">\n <div class=\"reveal reveal-up\">\n <div class=\"section-label\">FOR YOU<\/div>\n <h2 class=\"section-title\">For people who want<br>more than just a roof over their heads<\/h2>\n <p class=\"section-text\">Urbanista is for those who see their apartment as an extension of their ambition. No matter what stage you\u2019re in, your home should support you\u2014not hold you back.<\/p>\n <\/div>\n <div class=\"personas-grid\">\n <div class=\"persona-card reveal reveal-up delay-1\">\n <div class=\"persona-icon\"><svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\n <h4>Focus during the week<\/h4>\n <p>For those who work remotely, lead teams, or build businesses and need a space that enhances their focus.<\/p>\n <\/div>\n <div class=\"persona-card reveal reveal-up delay-2\">\n <div class=\"persona-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <h4>Space to unwind<\/h4>\n <p>For those who want to host guests without asking for permission and enjoy the weekend without restrictions.<\/p>\n <\/div>\n <div class=\"persona-card reveal reveal-up delay-3\">\n <div class=\"persona-icon\"><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 <h4>Design and efficiency<\/h4>\n <p>For those who value design, location, and don\u2019t want to waste time dealing with the basics.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"espacios\">\n <div class=\"container\">\n <div class=\"reveal reveal-up\">\n <div class=\"section-label\">AMENITIES<\/div>\n <h2 class=\"section-title\">Spaces that work with you<\/h2>\n <p class=\"section-text\">When you choose an apartment at Urbanista, you choose an experience designed to match your pace. Your apartment can be a refuge, a launchpad, a gathering place, or your operational base.<\/p>\n <\/div>\n <div class=\"espacios-masonry\">\n <div class=\"masonry-col\">\n\n <div class=\"espacio-card reveal reveal-scale delay-1\" data-title=\"COWORK\" data-desc=\"Internet veloz y espacios de concentraci\u00f3n\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-16-1024x536.jpg.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:380px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cowork-scaled.webp\" alt=\"Cowork Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>COWORK<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <p>High-speed internet and focus spaces<\/p>\n <\/div>\n <\/div>\n\n <div class=\"espacio-card reveal reveal-scale delay-3\" data-title=\"CINE PRIVADO\" data-desc=\"Descon\u00e9ctate sin salir del edificio\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cine-1024x541.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:280px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cine-1024x541.webp\" alt=\"Cine Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>PRIVATE CINEMA<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\" ry=\"2\"\/><polyline points=\"17 2 12 7 7 2\"\/><\/svg>\n <p>Unplug without leaving the building<\/p>\n <\/div>\n <\/div>\n\n <div class=\"espacio-card reveal reveal-scale delay-5\" data-title=\"TERRAZA & ROOFTOP\" data-desc=\"Vistas de la ciudad para relajarte\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/rooftop-2-1024x541.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:280px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/rooftop-2-1024x541.webp\" alt=\"Terraza Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>TERRACE & ROOFTOP<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n <p>City views to help you unwind<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <div class=\"masonry-col\">\n\n <div class=\"espacio-card reveal reveal-scale delay-2\" data-title=\"GYM\" data-desc=\"Gimnasio equipado con sauna integrado\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-5-1024x536.jpg.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:280px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-06-at-2.52.38-PM.jpeg\" alt=\"Gym Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>GYM<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\n <p>Fully equipped gym with integrated sauna<\/p>\n <\/div>\n <\/div>\n\n <div class=\"espacio-card reveal reveal-scale delay-3\" data-title=\"ASADOR BBQ\" data-desc=\"Reuniones premium sin complicaciones\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/rooftop-4-1024x541.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:380px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/rooftop-4-1024x541.webp\" alt=\"BBQ Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>BBQ GRILL<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n <p>Premium gatherings, no hassle<\/p>\n <\/div>\n <\/div>\n\n <div class=\"espacio-card reveal reveal-scale delay-4\" data-title=\"COCINA LOUNGE\" data-desc=\"Equipada para convivir y celebrar\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Cocina-lounge-1-1024x541.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:280px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Cocina-lounge-1-1024x541.webp\" alt=\"Cocina lounge Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>LOUNGE KITCHEN<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <p>Fully equipped for gathering and celebrating<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox(event)\">\n <div class=\"lightbox-inner\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox(event, true)\">\n <svg viewbox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n <\/button>\n <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\">\n <div class=\"lightbox-caption\">\n <h3 id=\"lb-title\"><\/h3>\n <p id=\"lb-desc\"><\/p>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"sin-burocracia\">\n <div class=\"container\">\n <div class=\"reveal reveal-up\" style=\"text-align:center; max-width:660px; margin:0 auto;\">\n <div class=\"section-label\" style=\"justify-content:center;\">SIMPLE PROCESS<\/div>\n <h2 class=\"section-title\">No bureaucracy.<br>No fine print.<\/h2>\n <p class=\"section-text\" style=\"margin:0 auto;\">Here, the process is clear, the contracts are simple, no guarantor required, and the experience is transparent. From the lease to everyday living, you know exactly what to expect.<\/p>\n <\/div>\n <div class=\"burocracia-grid\">\n <div class=\"burocracia-item reveal reveal-up delay-1\">\n <div class=\"burocracia-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n <h4>Clear contracts<\/h4><p>No guarantor, no bond, 12-month terms. Simple, as it should be.<\/p>\n <\/div>\n <div class=\"burocracia-item reveal reveal-up delay-2\">\n <div class=\"burocracia-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <h4>Transparent experience<\/h4><p>You know exactly what to expect from day one.<\/p>\n <\/div>\n <div class=\"burocracia-item reveal reveal-up delay-3\">\n <div class=\"burocracia-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <h4>Real support<\/h4><p>If something breaks, it gets fixed. If you need help, there\u2019s a team.<\/p>\n <\/div>\n <div class=\"burocracia-item reveal reveal-up delay-4\">\n <div class=\"burocracia-circle\"><svg viewbox=\"0 0 24 24\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div>\n <h4>Flexibility<\/h4><p>If your plans change, there are options. It\u2019s that simple.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"form-section\" id=\"contacto\">\n <div class=\"container\">\n <div class=\"form-grid\">\n <div class=\"form-text-side reveal reveal-left\">\n <div class=\"section-label\">SCHEDULE YOUR TOUR<\/div>\n <h2 class=\"section-title\">Urbanista doesn\u2019t define you.<br>It supports you.<\/h2>\n <p class=\"form-description\">We rent you more than an apartment. We give you time, clarity, and a place that works in your favor. Fill out the form and receive personalized information about our exclusive buildings.<\/p>\n <div class=\"form-benefits\">\n <div class=\"form-benefit\">\n <div class=\"form-benefit-icon\"><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=\"form-benefit-text\"><strong>Premium amenities<\/strong><span>Coworking, gym, cinema, terrace, and more included.<\/span><\/div>\n <\/div>\n <div class=\"form-benefit\">\n <div class=\"form-benefit-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <div class=\"form-benefit-text\"><strong>24\/7 security<\/strong><span>You\u2019re the most valuable part of the building.<\/span><\/div>\n <\/div>\n <div class=\"form-benefit\">\n <div class=\"form-benefit-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <div class=\"form-benefit-text\"><strong>Rent your apartment easily without a guarantor, <\/strong><span>Clear 12-month contracts, no bond required<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reveal reveal-right delay-2\">\n <div class=\"form-card\">\n <div class=\"form-availability\"><span class=\"pulse-dot\"><\/span> Tours available today<\/div>\n <div class=\"form-card-header\">\n <h3>BOOK YOUR FREE TOUR<\/h3>\n <p>Tours available <strong>7 days a week<\/strong><\/p>\n <\/div>\n <div id=\"hubspot-form-container\"><\/div>\n <div class=\"form-guarantee\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n <span>Your information is protected and will never be shared<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"footer-logo\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png-1024x471.png.webp\" alt=\"Urbanista\" style=\"height:28px; opacity:.5;\"><\/div>\n <p>Apartments for rent in Mexico City \u2014 <a href=\"https:\/\/urbanista.mx\/en\/\">urbanista.mx<\/a><\/p>\n<\/footer>\n\n<script>\n const nav = document.getElementById('nav');\n window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 60));\n\n const ro = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.08, rootMargin: '0px 0px -30px 0px' });\n document.querySelectorAll('.reveal').forEach(el => ro.observe(el));\n\n function openLightbox(card) {\n const lb = document.getElementById('lightbox');\n document.getElementById('lb-img').src = card.dataset.img;\n document.getElementById('lb-title').textContent = card.dataset.title;\n document.getElementById('lb-desc').textContent = card.dataset.desc;\n lb.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n function closeLightbox(e, force) {\n if (force || e.target === document.getElementById('lightbox')) {\n document.getElementById('lightbox').classList.remove('active');\n document.body.style.overflow = '';\n }\n }\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeLightbox(null, true); });\n\n const heroContent = document.querySelector('.hero-content');\n window.addEventListener('scroll', () => {\n const s = window.scrollY;\n if (s < window.innerHeight) {\n heroContent.style.transform = 'translateY(' + (s * 0.3) + 'px)';\n heroContent.style.opacity = 1 - (s \/ (window.innerHeight * 0.7));\n }\n });\n\n var script = document.createElement('script');\n script.src = '\/\/js.hsforms.net\/forms\/embed\/v2.js';\n script.charset = 'utf-8';\n script.onload = function() {\n hbspt.forms.create({\n portalId: \"47830887\",\n formId: \"d04d018c-0ee4-43ad-ac48-016eed8e2012\",\n region: \"na1\",\n target: \"#hubspot-form-container\"\n });\n };\n document.head.appendChild(script);\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Por qu\u00e9 te conviene rentar en Urbanista | Departamentos en CDMX POR QU\u00c9 TE CONVIENERENTAR EN URBANISTA Rentar departamento en la Ciudad de M\u00e9xico no deber\u00eda sentirse como un obst\u00e1culo m\u00e1s en tu camino. Urbanista existe para quienes saben que su hogar es una plataforma para crecer. QUIERO RENTAR LA DIFERENCIA URBANISTA Un hogar que […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/20599","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=20599"}],"version-history":[{"count":0,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/20599\/revisions"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=20599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":20599,"date":"2026-02-06T14:00:24","date_gmt":"2026-02-06T20:00:24","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=20599"},"modified":"2026-02-17T13:31:53","modified_gmt":"2026-02-17T19:31:53","slug":"por-que-rentar-departamento-cdmx","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/rent-apartment-mexico-city\/","title":{"rendered":"POR QU\u00c9 TE CONVIENERENTAR EN URBANISTA"},"content":{"rendered":"\n\n\n\n\nPor qu\u00e9 te conviene rentar en Urbanista | Departamentos en CDMX<\/title>\n<meta name=\"description\" content=\"Rentar departamento en CDMX sin aval, con servicios incluidos y amenidades premium. Urbanista te da tiempo, claridad y un lugar que juega a tu favor.\">\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=Bebas+Neue&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --primary: #42749a;\n --primary-dark: #004e64;\n --white: #ffffff;\n --off-white: #f5f7f9;\n --light-gray: #e8ecf0;\n --text: #1a2a3a;\n --text-light: #5a6a7a;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; overflow-x: hidden; }\n body {\n font-family: 'Roboto', sans-serif;\n color: var(--text);\n line-height: 1.7;\n font-weight: 300;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n max-width: 100vw;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n position: relative; min-height: 100vh;\n display: flex; align-items: center; justify-content: center;\n overflow: hidden; background: var(--primary-dark);\n margin-top: 120px;\n\n }\n .hero-bg {\n position: absolute; inset: 0;\n background:\n linear-gradient(160deg, rgba(0,78,100,.92) 0%, rgba(66,116,154,.75) 50%, rgba(0,78,100,.88) 100%),\n url('https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/11\/mas-alla-de-4-paredes-Urbanista-1024x576.png') center\/cover no-repeat;\n }\n .hero-pattern {\n position: absolute; inset: 0; opacity: .06;\n background-image:\n repeating-linear-gradient(0deg, transparent, transparent 80px, rgba(255,255,255,.3) 80px, rgba(255,255,255,.3) 81px),\n repeating-linear-gradient(90deg, transparent, transparent 80px, rgba(255,255,255,.3) 80px, rgba(255,255,255,.3) 81px);\n }\n .hero-content {\n position: relative; z-index: 2;\n max-width: 900px; padding: 0 32px; text-align: center;\n animation: heroIn 1s ease-out;\n will-change: transform, opacity;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 12px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase;\n color: rgba(255,255,255,.7);\n margin-bottom: 32px; padding: 8px 20px;\n border: 1px solid rgba(255,255,255,.2); border-radius: 50px;\n }\n .hero-badge svg { width: 14px; height: 14px; stroke: rgba(255,255,255,.7); }\n .hero h1 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(48px, 7vw, 96px);\n color: #fff; line-height: .95; letter-spacing: 2px; margin-bottom: 28px;\n }\n .hero h1 span {\n display: block;\n font-size: .42em; font-family: 'Roboto', sans-serif; font-weight: 300;\n letter-spacing: 0; line-height: 1.6; color: rgba(255,255,255,.8);\n margin: 20px auto 0;\n }\n .hero-cta {\n display: inline-flex; align-items: center; gap: 10px;\n font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 3px;\n padding: 18px 52px; background: #fff; color: var(--primary-dark);\n text-decoration: none; transition: all .35s; margin-top: 12px;\n border-radius: 50px; box-shadow: 0 4px 24px rgba(0,0,0,.15);\n }\n .hero-cta svg { width: 18px; height: 18px; transition: transform .3s; }\n .hero-cta:hover { background: var(--primary); color: #fff; transform: translateY(-3px); box-shadow: 0 8px 32px rgba(66,116,154,.4); }\n .hero-cta:hover svg { transform: translateX(4px); }\n .hero-cta:hover svg path { stroke: #fff; }\n .hero-scroll {\n position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);\n z-index: 2; animation: bounce 2s infinite;\n }\n .hero-scroll svg { width: 24px; height: 24px; stroke: rgba(255,255,255,.5); }\n\n \/* \u2500\u2500 SECTION DEFAULTS \u2500\u2500 *\/\n section { padding: 100px 0; }\n .container { max-width: 1100px; margin: 0 auto; padding: 0 32px; }\n .section-label {\n font-size: 11px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase;\n color: var(--primary); margin-bottom: 16px;\n display: flex; align-items: center; gap: 12px;\n }\n .section-label::before { content: ''; width: 32px; height: 1px; background: var(--primary); }\n .section-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(36px, 4.5vw, 56px);\n line-height: 1; letter-spacing: 1px; color: var(--primary-dark); margin-bottom: 24px;\n }\n .section-text { font-size: 17px; color: var(--text-light); line-height: 1.8; max-width: 680px; }\n\n \/* \u2500\u2500 IMPULSA \u2500\u2500 *\/\n .impulsa { background: var(--off-white); }\n .impulsa-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 64px; align-items: center; margin-top: 48px;\n }\n .impulsa-features { display: flex; flex-direction: column; gap: 28px; }\n .feature-item {\n display: flex; gap: 20px; align-items: flex-start;\n padding: 24px; background: #fff; border-radius: 8px;\n transition: transform .3s, box-shadow .3s;\n }\n .feature-item:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,78,100,.08); }\n .feature-icon {\n flex-shrink: 0; width: 48px; height: 48px;\n background: var(--primary-dark); border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n }\n .feature-icon svg { width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n .feature-item h4 { font-weight: 500; font-size: 16px; margin-bottom: 4px; color: var(--primary-dark); }\n .feature-item p { font-size: 14px; color: var(--text-light); line-height: 1.6; }\n .impulsa-visual { position: relative; height: 520px; border-radius: 8px; overflow: hidden; }\n .impulsa-visual-bg {\n position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 50%, rgba(0,78,100,.6) 100%),\n url('https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-06-at-2.03.18-PM.jpeg') center\/cover;\n }\n .impulsa-visual-text { position: absolute; bottom: 32px; left: 32px; right: 32px; color: #fff; }\n .impulsa-visual-text h3 { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 1px; }\n .impulsa-visual-text p { font-size: 14px; opacity: .85; margin-top: 4px; }\n\n \/* \u2500\u2500 PARA QUIEN \u2500\u2500 *\/\n .para-quien { background: var(--primary-dark); color: #fff; position: relative; overflow: hidden; }\n .para-quien::before {\n content: ''; position: absolute; top: -200px; right: -200px;\n width: 600px; height: 600px; border-radius: 50%; background: rgba(66,116,154,.2);\n }\n .para-quien .section-label { color: rgba(255,255,255,.5); }\n .para-quien .section-label::before { background: rgba(255,255,255,.3); }\n .para-quien .section-title { color: #fff; }\n .para-quien .section-text { color: rgba(255,255,255,.7); }\n .personas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }\n .persona-card {\n padding: 36px 28px; border: 1px solid rgba(255,255,255,.12);\n border-radius: 8px; transition: .3s; position: relative; overflow: hidden;\n }\n .persona-card::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px;\n background: var(--primary); transform: scaleX(0); transform-origin: left; transition: transform .4s;\n }\n .persona-card:hover::before { transform: scaleX(1); }\n .persona-card:hover { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.04); }\n .persona-icon {\n width: 44px; height: 44px; border-radius: 50%;\n background: rgba(66,116,154,.25);\n display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\n }\n .persona-icon svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n .persona-card h4 { font-size: 16px; font-weight: 500; margin-bottom: 8px; color: #fff; }\n .persona-card p { font-size: 14px; color: rgba(255,255,255,.6); line-height: 1.7; }\n\n \/* \u2500\u2500 ESPACIOS (masonry 2-col) \u2500\u2500 *\/\n .espacios { background: #fff; }\n .espacios-masonry {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 16px; margin-top: 48px;\n }\n .masonry-col { display: flex; flex-direction: column; gap: 16px; }\n .espacio-card {\n border-radius: 12px; overflow: hidden; cursor: pointer;\n box-shadow: 0 2px 12px rgba(0,78,100,.08);\n transition: transform .3s, box-shadow .3s;\n }\n .espacio-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,78,100,.14); }\n .espacio-img-wrap {\n position: relative; overflow: hidden;\n }\n .espacio-img-wrap img {\n width: 100%; height: 100%; object-fit: cover; display: block;\n object-position: right bottom;\n transition: transform .7s cubic-bezier(.25,.46,.45,.94);\n }\n .espacio-card:hover .espacio-img-wrap img { transform: scale(1.05); }\n .espacio-title-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 50%, rgba(0,20,30,.35) 100%);\n display: flex; align-items: flex-end; padding: 24px;\n }\n .espacio-title-overlay h4 {\n font-family: 'Bebas Neue', sans-serif; font-size: 28px;\n color: #fff; letter-spacing: 2px;\n text-shadow: 0 2px 8px rgba(0,0,0,.5), 0 4px 20px rgba(0,0,0,.3);\n }\n .espacio-expand {\n position: absolute; top: 16px; right: 16px;\n width: 40px; height: 40px; border-radius: 50%;\n background: rgba(255,255,255,.15); backdrop-filter: blur(8px);\n display: flex; align-items: center; justify-content: center;\n opacity: 0; transform: scale(.8); transition: .3s;\n }\n .espacio-card:hover .espacio-expand { opacity: 1; transform: scale(1); }\n .espacio-expand svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; }\n .espacio-subtitle {\n background: var(--primary-dark);\n padding: 14px 20px;\n display: flex; align-items: center; gap: 10px;\n }\n .espacio-subtitle svg {\n width: 18px; height: 18px; stroke: rgba(255,255,255,.7); fill: none;\n stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n flex-shrink: 0;\n }\n .espacio-subtitle p {\n font-size: 14px; color: rgba(255,255,255,.85);\n font-weight: 400; margin: 0; line-height: 1.3;\n }\n\n \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n .lightbox {\n position: fixed; inset: 0; z-index: 1000;\n background: rgba(0,20,30,.92); backdrop-filter: blur(16px);\n display: flex; align-items: center; justify-content: center;\n opacity: 0; pointer-events: none; transition: opacity .4s;\n padding: 40px;\n }\n .lightbox.active { opacity: 1; pointer-events: all; }\n .lightbox-inner {\n position: relative; max-width: 1000px; width: 100%;\n transform: scale(.92) translateY(20px);\n transition: transform .5s cubic-bezier(.25,.46,.45,.94);\n }\n .lightbox.active .lightbox-inner { transform: scale(1) translateY(0); }\n .lightbox-inner img {\n width: 100%; max-height: 82vh; object-fit: cover;\n border-radius: 16px; display: block;\n box-shadow: 0 20px 80px rgba(0,0,0,.4);\n }\n .lightbox-caption {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 36px 32px 32px; border-radius: 0 0 16px 16px;\n background: linear-gradient(transparent, rgba(0,30,42,.75));\n }\n .lightbox-caption h3 {\n font-family: 'Bebas Neue', sans-serif; font-size: 36px;\n color: #fff; letter-spacing: 2px;\n text-shadow: 0 2px 8px rgba(0,0,0,.4);\n }\n .lightbox-caption p { font-size: 16px; color: rgba(255,255,255,.8); margin-top: 4px; }\n .lightbox-close {\n position: absolute; top: -52px; right: 0;\n width: 44px; height: 44px; border-radius: 50%;\n background: rgba(255,255,255,.12); border: none; cursor: pointer;\n display: flex; align-items: center; justify-content: center; transition: .3s;\n }\n .lightbox-close:hover { background: rgba(255,255,255,.25); transform: rotate(90deg); }\n .lightbox-close svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; }\n\n \/* \u2500\u2500 SIN BUROCRACIA \u2500\u2500 *\/\n .sin-burocracia { background: var(--off-white); }\n .burocracia-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 48px; }\n .burocracia-item { text-align: center; }\n .burocracia-circle {\n width: 80px; height: 80px; margin: 0 auto 20px; border-radius: 50%;\n background: var(--primary-dark);\n display: flex; align-items: center; justify-content: center;\n transition: transform .3s, box-shadow .3s;\n }\n .burocracia-item:hover .burocracia-circle { transform: scale(1.08); box-shadow: 0 8px 24px rgba(0,78,100,.2); }\n .burocracia-circle svg { width: 32px; height: 32px; stroke: #fff; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n .burocracia-item h4 { font-weight: 500; font-size: 15px; color: var(--primary-dark); margin-bottom: 6px; }\n .burocracia-item p { font-size: 13px; color: var(--text-light); line-height: 1.6; }\n\n \/* \u2500\u2500 FORM SECTION \u2500\u2500 *\/\n .form-section {\n padding: 100px 0;\n background: linear-gradient(160deg, var(--off-white) 0%, #fff 100%);\n position: relative; overflow: hidden;\n }\n .form-section::before {\n content: ''; position: absolute; top: -300px; right: -200px;\n width: 600px; height: 600px; border-radius: 50%;\n background: rgba(66,116,154,.06);\n }\n .form-section::after {\n content: ''; position: absolute; bottom: -200px; left: -150px;\n width: 400px; height: 400px; border-radius: 50%;\n background: rgba(0,78,100,.04);\n }\n .form-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 64px; align-items: center;\n position: relative; z-index: 1;\n }\n .form-text-side .section-title { margin-bottom: 20px; }\n .form-description {\n font-size: 17px; color: var(--text-light); line-height: 1.8; margin-bottom: 36px;\n }\n .form-benefits { display: flex; flex-direction: column; gap: 20px; margin-bottom: 36px; }\n .form-benefit { display: flex; align-items: center; gap: 16px; }\n .form-benefit-icon {\n flex-shrink: 0; width: 44px; height: 44px;\n background: var(--primary-dark); border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n }\n .form-benefit-icon svg {\n width: 20px; height: 20px; stroke: #fff; fill: none;\n stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n }\n .form-benefit-text strong { display: block; font-size: 15px; font-weight: 500; color: var(--primary-dark); }\n .form-benefit-text span { font-size: 13px; color: var(--text-light); }\n .form-card {\n background: #fff; padding: 40px 36px; border-radius: 20px;\n box-shadow: 0 16px 60px rgba(0,78,100,.1);\n border: 1px solid rgba(0,78,100,.06); position: relative;\n }\n .form-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0;\n height: 4px; background: linear-gradient(90deg, var(--primary-dark), var(--primary));\n border-radius: 20px 20px 0 0;\n }\n .form-availability {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 13px; font-weight: 500; color: var(--primary-dark);\n margin-bottom: 20px; padding: 6px 14px;\n background: rgba(66,116,154,.08); border-radius: 50px;\n }\n .pulse-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: #22c55e; position: relative;\n }\n .pulse-dot::after {\n content: ''; position: absolute; inset: -3px;\n border-radius: 50%; background: rgba(34,197,94,.3);\n animation: pulse-ring 1.5s infinite;\n }\n @keyframes pulse-ring {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(2.2); opacity: 0; }\n }\n .form-card-header { text-align: center; margin-bottom: 28px; }\n .form-card-header h3 {\n font-family: 'Bebas Neue', sans-serif; font-size: 32px;\n color: var(--primary-dark); letter-spacing: 1px; margin-bottom: 4px;\n }\n .form-card-header p { font-size: 14px; color: var(--text-light); }\n .form-card-header strong { color: var(--primary-dark); }\n .form-card .hs-form-field { margin-bottom: 16px; }\n .form-card .hs-form-field label {\n font-family: 'Roboto', sans-serif !important;\n font-size: 13px !important; font-weight: 500 !important;\n color: var(--text) !important; margin-bottom: 6px !important; display: block !important;\n }\n .form-card .hs-input {\n width: 100% !important; padding: 12px 16px !important;\n border: 1.5px solid var(--light-gray) !important;\n border-radius: 10px !important; font-size: 15px !important;\n font-family: 'Roboto', sans-serif !important;\n transition: border-color .3s !important; background: var(--off-white) !important;\n }\n .form-card .hs-input:focus {\n border-color: var(--primary) !important; outline: none !important;\n box-shadow: 0 0 0 3px rgba(66,116,154,.12) !important;\n }\n .form-card select.hs-input {\n appearance: none !important; cursor: pointer !important;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6a7a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\") !important;\n background-repeat: no-repeat !important; background-position: right 14px center !important;\n }\n .form-card .hs-submit .actions { margin-top: 8px !important; }\n .form-card .hs-button {\n width: 100% !important; padding: 16px !important;\n background: var(--primary-dark) !important; color: #fff !important;\n border: none !important; border-radius: 50px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 20px !important; letter-spacing: 3px !important;\n cursor: pointer !important; transition: all .35s !important;\n box-shadow: 0 4px 16px rgba(0,78,100,.2) !important;\n }\n .form-card .hs-button:hover {\n background: var(--primary) !important; transform: translateY(-2px) !important;\n box-shadow: 0 8px 24px rgba(66,116,154,.3) !important;\n }\n .form-card .hs-error-msgs { font-size: 12px !important; color: #e53e3e !important; margin-top: 4px !important; }\n .form-card .hs-error-msgs li label { color: #e53e3e !important; font-weight: 400 !important; }\n .form-guarantee {\n display: flex; align-items: center; justify-content: center; gap: 8px;\n margin-top: 20px; font-size: 12px; color: var(--text-light);\n }\n .form-guarantee svg {\n width: 14px; height: 14px; stroke: var(--text-light); fill: none;\n stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer { background: #0a1e2a; padding: 48px 0; text-align: center; }\n .footer-logo { margin-bottom: 16px; }\n .footer p { font-size: 13px; color: rgba(255,255,255,.3); }\n .footer a { color: rgba(255,255,255,.5); text-decoration: none; }\n\n \/* \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500 *\/\n @keyframes heroIn {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes bounce {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(8px); }\n }\n .reveal {\n opacity: 0;\n transition: opacity .8s cubic-bezier(.25,.46,.45,.94), transform .8s cubic-bezier(.25,.46,.45,.94);\n }\n .reveal.visible { opacity: 1; }\n .reveal-up { transform: translateY(50px); }\n .reveal-up.visible { transform: translateY(0); }\n .reveal-left { transform: translateX(-50px); }\n .reveal-left.visible { transform: translateX(0); }\n .reveal-right { transform: translateX(50px); }\n .reveal-right.visible { transform: translateX(0); }\n .reveal-scale { transform: scale(.92); }\n .reveal-scale.visible { transform: scale(1); }\n .delay-1 { transition-delay: .1s; }\n .delay-2 { transition-delay: .2s; }\n .delay-3 { transition-delay: .3s; }\n .delay-4 { transition-delay: .4s; }\n .delay-5 { transition-delay: .5s; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .nav { padding: 14px 24px; }\n .impulsa-grid { grid-template-columns: 1fr; gap: 40px; }\n .impulsa-visual { height: 340px; }\n .personas-grid { grid-template-columns: 1fr; }\n .espacios-masonry { grid-template-columns: 1fr; }\n .form-grid { grid-template-columns: 1fr; gap: 40px; }\n .burocracia-grid { grid-template-columns: 1fr 1fr; gap: 40px 24px; }\n section { padding: 72px 0; }\n .lightbox { padding: 20px; }\n .lightbox-inner img { max-height: 70vh; }\n }\n @media (max-width: 600px) {\n .nav { padding: 12px 16px; }\n .nav-logo img { height: 28px; }\n .nav-cta { font-size: 12px; padding: 8px 16px; letter-spacing: 1px; }\n .nav.scrolled { padding: 10px 16px; }\n .container { padding: 0 16px; }\n section { padding: 56px 0; }\n .hero-content { padding: 0 16px; }\n .hero-badge { font-size: 11px; padding: 6px 14px; margin-bottom: 20px; letter-spacing: 2px; }\n .hero h1 { font-size: 42px; margin-bottom: 16px; }\n .hero h1 span { font-size: 17px; margin-top: 14px; line-height: 1.5; }\n .hero-cta { font-size: 18px; padding: 16px 40px; letter-spacing: 2px; }\n .section-title { font-size: 34px !important; margin-bottom: 16px; }\n .section-label { font-size: 11px; letter-spacing: 3px; margin-bottom: 12px; }\n .section-text,\n .form-description,\n .feature-item p,\n .persona-card p,\n .burocracia-item p,\n .form-benefit-text span { font-size: 17px !important; line-height: 1.6; }\n .feature-item h4,\n .persona-card h4,\n .burocracia-item h4,\n .form-benefit-text strong { font-size: 18px !important; }\n .espacio-title-overlay h4 { font-size: 26px; }\n .espacio-subtitle p { font-size: 15px !important; }\n .impulsa-visual-text h3 { font-size: 24px; }\n .impulsa-visual-text p { font-size: 15px; }\n .espacio-card { max-width: 100%; }\n .espacio-img-wrap { height: auto !important; aspect-ratio: 16 \/ 10; }\n .espacio-img-wrap img { object-position: center; }\n .impulsa-visual { height: auto !important; aspect-ratio: 16 \/ 9; }\n .burocracia-grid { grid-template-columns: 1fr 1fr; gap: 24px; }\n .burocracia-circle { width: 64px; height: 64px; }\n .burocracia-circle svg { width: 26px; height: 26px; }\n .personas-grid { gap: 16px; }\n .persona-card { padding: 24px 20px; }\n .form-card { padding: 28px 20px; }\n .form-card-header h3 { font-size: 28px; }\n .form-card-header p { font-size: 15px; }\n .form-description { margin-bottom: 24px; }\n .lightbox { padding: 16px; }\n .lightbox-close { top: -44px; width: 36px; height: 36px; }\n .lightbox-caption h3 { font-size: 26px; }\n .lightbox-caption p { font-size: 15px; }\n .lightbox-caption { padding: 24px 20px 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-pattern\"><\/div>\n <div class=\"hero-content\">\n <h1>WHY IT\u2019S A GOOD IDEA<br>TO RENT AT URBANISTA\n <span>Renting an apartment in Mexico City shouldn\u2019t feel like just another obstacle in your path. Urbanista exists for those who know their home is a platform for growth.<\/span>\n <\/h1>\n <a href=\"#contacto\" class=\"hero-cta\">I WANT TO RENT <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg><\/a>\n <\/div>\n <div class=\"hero-scroll\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14\"\/><path d=\"M19 12l-7 7-7-7\"\/><\/svg><\/div>\n<\/section>\n\n\n<section class=\"impulsa\">\n <div class=\"container\">\n <div class=\"reveal reveal-up\">\n <div class=\"section-label\">THE URBANISTA DIFFERENCE<\/div>\n <h2 class=\"section-title\">A home that doesn\u2019t hold you back.<br>It moves you forward.<\/h2>\n <p class=\"section-text\">Renting an apartment in Mexico City often comes with unnecessary friction: long contracts, confusing paperwork, slow maintenance, absurd rules, and absent landlords. At Urbanista, we designed a different experience.<\/p>\n <\/div>\n <div class=\"impulsa-grid\">\n <div class=\"impulsa-features\">\n <div class=\"feature-item reveal reveal-left delay-1\">\n <div class=\"feature-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div><h4>Strategic locations<\/h4><p>Move-in-ready apartments in the best areas of Mexico City.<\/p><\/div>\n <\/div>\n <div class=\"feature-item reveal reveal-left delay-2\">\n <div class=\"feature-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <div><h4>Included services and clear rules<\/h4><p>Electricity, water, internet, gas, and maintenance. Everything from day one, with no surprises.<\/p><\/div>\n <\/div>\n <div class=\"feature-item reveal reveal-left delay-3\">\n <div class=\"feature-icon\"><svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n <div><h4>Support that actually responds<\/h4><p>Professional maintenance and support in hours, not days.<\/p><\/div>\n <\/div>\n <div class=\"feature-item reveal reveal-left delay-4\">\n <div class=\"feature-icon\"><svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg><\/div>\n <div><h4>Functional design<\/h4><p>Thoughtfully designed spaces that adapt to your pace of life.<\/p><\/div>\n <\/div>\n <\/div>\n <div class=\"impulsa-visual reveal reveal-right delay-2\">\n <div class=\"impulsa-visual-bg\"><\/div>\n <div class=\"impulsa-visual-text\">\n <h3>LIVE PEACEFULLY WHILE EVERYTHING JUST WORKS<\/h3>\n <p>Here, you\u2019re not managing a problem.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"para-quien\">\n <div class=\"container\">\n <div class=\"reveal reveal-up\">\n <div class=\"section-label\">FOR YOU<\/div>\n <h2 class=\"section-title\">For people who want<br>more than just a roof over their heads<\/h2>\n <p class=\"section-text\">Urbanista is for those who see their apartment as an extension of their ambition. No matter what stage you\u2019re in, your home should support you\u2014not hold you back.<\/p>\n <\/div>\n <div class=\"personas-grid\">\n <div class=\"persona-card reveal reveal-up delay-1\">\n <div class=\"persona-icon\"><svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\n <h4>Focus during the week<\/h4>\n <p>For those who work remotely, lead teams, or build businesses and need a space that enhances their focus.<\/p>\n <\/div>\n <div class=\"persona-card reveal reveal-up delay-2\">\n <div class=\"persona-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <h4>Space to unwind<\/h4>\n <p>For those who want to host guests without asking for permission and enjoy the weekend without restrictions.<\/p>\n <\/div>\n <div class=\"persona-card reveal reveal-up delay-3\">\n <div class=\"persona-icon\"><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 <h4>Design and efficiency<\/h4>\n <p>For those who value design, location, and don\u2019t want to waste time dealing with the basics.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"espacios\">\n <div class=\"container\">\n <div class=\"reveal reveal-up\">\n <div class=\"section-label\">AMENITIES<\/div>\n <h2 class=\"section-title\">Spaces that work with you<\/h2>\n <p class=\"section-text\">When you choose an apartment at Urbanista, you choose an experience designed to match your pace. Your apartment can be a refuge, a launchpad, a gathering place, or your operational base.<\/p>\n <\/div>\n <div class=\"espacios-masonry\">\n <div class=\"masonry-col\">\n\n <div class=\"espacio-card reveal reveal-scale delay-1\" data-title=\"COWORK\" data-desc=\"Internet veloz y espacios de concentraci\u00f3n\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-16-1024x536.jpg.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:380px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cowork-scaled.webp\" alt=\"Cowork Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>COWORK<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <p>High-speed internet and focus spaces<\/p>\n <\/div>\n <\/div>\n\n <div class=\"espacio-card reveal reveal-scale delay-3\" data-title=\"CINE PRIVADO\" data-desc=\"Descon\u00e9ctate sin salir del edificio\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cine-1024x541.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:280px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cine-1024x541.webp\" alt=\"Cine Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>PRIVATE CINEMA<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\" ry=\"2\"\/><polyline points=\"17 2 12 7 7 2\"\/><\/svg>\n <p>Unplug without leaving the building<\/p>\n <\/div>\n <\/div>\n\n <div class=\"espacio-card reveal reveal-scale delay-5\" data-title=\"TERRAZA & ROOFTOP\" data-desc=\"Vistas de la ciudad para relajarte\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/rooftop-2-1024x541.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:280px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/rooftop-2-1024x541.webp\" alt=\"Terraza Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>TERRACE & ROOFTOP<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n <p>City views to help you unwind<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <div class=\"masonry-col\">\n\n <div class=\"espacio-card reveal reveal-scale delay-2\" data-title=\"GYM\" data-desc=\"Gimnasio equipado con sauna integrado\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-5-1024x536.jpg.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:280px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-06-at-2.52.38-PM.jpeg\" alt=\"Gym Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>GYM<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\n <p>Fully equipped gym with integrated sauna<\/p>\n <\/div>\n <\/div>\n\n <div class=\"espacio-card reveal reveal-scale delay-3\" data-title=\"ASADOR BBQ\" data-desc=\"Reuniones premium sin complicaciones\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/rooftop-4-1024x541.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:380px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/rooftop-4-1024x541.webp\" alt=\"BBQ Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>BBQ GRILL<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n <p>Premium gatherings, no hassle<\/p>\n <\/div>\n <\/div>\n\n <div class=\"espacio-card reveal reveal-scale delay-4\" data-title=\"COCINA LOUNGE\" data-desc=\"Equipada para convivir y celebrar\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Cocina-lounge-1-1024x541.webp\" onclick=\"openLightbox(this)\">\n <div class=\"espacio-img-wrap\" style=\"height:280px\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Cocina-lounge-1-1024x541.webp\" alt=\"Cocina lounge Urbanista\" loading=\"lazy\">\n <div class=\"espacio-title-overlay\"><h4>LOUNGE KITCHEN<\/h4><\/div>\n <div class=\"espacio-expand\"><svg viewbox=\"0 0 24 24\"><polyline points=\"15 3 21 3 21 9\"\/><polyline points=\"9 21 3 21 3 15\"\/><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"\/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"\/><\/svg><\/div>\n <\/div>\n <div class=\"espacio-subtitle\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <p>Fully equipped for gathering and celebrating<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox(event)\">\n <div class=\"lightbox-inner\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox(event, true)\">\n <svg viewbox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n <\/button>\n <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\">\n <div class=\"lightbox-caption\">\n <h3 id=\"lb-title\"><\/h3>\n <p id=\"lb-desc\"><\/p>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"sin-burocracia\">\n <div class=\"container\">\n <div class=\"reveal reveal-up\" style=\"text-align:center; max-width:660px; margin:0 auto;\">\n <div class=\"section-label\" style=\"justify-content:center;\">SIMPLE PROCESS<\/div>\n <h2 class=\"section-title\">No bureaucracy.<br>No fine print.<\/h2>\n <p class=\"section-text\" style=\"margin:0 auto;\">Here, the process is clear, the contracts are simple, no guarantor required, and the experience is transparent. From the lease to everyday living, you know exactly what to expect.<\/p>\n <\/div>\n <div class=\"burocracia-grid\">\n <div class=\"burocracia-item reveal reveal-up delay-1\">\n <div class=\"burocracia-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n <h4>Clear contracts<\/h4><p>No guarantor, no bond, 12-month terms. Simple, as it should be.<\/p>\n <\/div>\n <div class=\"burocracia-item reveal reveal-up delay-2\">\n <div class=\"burocracia-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <h4>Transparent experience<\/h4><p>You know exactly what to expect from day one.<\/p>\n <\/div>\n <div class=\"burocracia-item reveal reveal-up delay-3\">\n <div class=\"burocracia-circle\"><svg viewbox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <h4>Real support<\/h4><p>If something breaks, it gets fixed. If you need help, there\u2019s a team.<\/p>\n <\/div>\n <div class=\"burocracia-item reveal reveal-up delay-4\">\n <div class=\"burocracia-circle\"><svg viewbox=\"0 0 24 24\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div>\n <h4>Flexibility<\/h4><p>If your plans change, there are options. It\u2019s that simple.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"form-section\" id=\"contacto\">\n <div class=\"container\">\n <div class=\"form-grid\">\n <div class=\"form-text-side reveal reveal-left\">\n <div class=\"section-label\">SCHEDULE YOUR TOUR<\/div>\n <h2 class=\"section-title\">Urbanista doesn\u2019t define you.<br>It supports you.<\/h2>\n <p class=\"form-description\">We rent you more than an apartment. We give you time, clarity, and a place that works in your favor. Fill out the form and receive personalized information about our exclusive buildings.<\/p>\n <div class=\"form-benefits\">\n <div class=\"form-benefit\">\n <div class=\"form-benefit-icon\"><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=\"form-benefit-text\"><strong>Premium amenities<\/strong><span>Coworking, gym, cinema, terrace, and more included.<\/span><\/div>\n <\/div>\n <div class=\"form-benefit\">\n <div class=\"form-benefit-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <div class=\"form-benefit-text\"><strong>24\/7 security<\/strong><span>You\u2019re the most valuable part of the building.<\/span><\/div>\n <\/div>\n <div class=\"form-benefit\">\n <div class=\"form-benefit-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <div class=\"form-benefit-text\"><strong>Rent your apartment easily without a guarantor, <\/strong><span>Clear 12-month contracts, no bond required<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reveal reveal-right delay-2\">\n <div class=\"form-card\">\n <div class=\"form-availability\"><span class=\"pulse-dot\"><\/span> Tours available today<\/div>\n <div class=\"form-card-header\">\n <h3>BOOK YOUR FREE TOUR<\/h3>\n <p>Tours available <strong>7 days a week<\/strong><\/p>\n <\/div>\n <div id=\"hubspot-form-container\"><\/div>\n <div class=\"form-guarantee\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n <span>Your information is protected and will never be shared<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"footer-logo\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png-1024x471.png.webp\" alt=\"Urbanista\" style=\"height:28px; opacity:.5;\"><\/div>\n <p>Apartments for rent in Mexico City \u2014 <a href=\"https:\/\/urbanista.mx\/en\/\">urbanista.mx<\/a><\/p>\n<\/footer>\n\n<script>\n const nav = document.getElementById('nav');\n window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 60));\n\n const ro = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.08, rootMargin: '0px 0px -30px 0px' });\n document.querySelectorAll('.reveal').forEach(el => ro.observe(el));\n\n function openLightbox(card) {\n const lb = document.getElementById('lightbox');\n document.getElementById('lb-img').src = card.dataset.img;\n document.getElementById('lb-title').textContent = card.dataset.title;\n document.getElementById('lb-desc').textContent = card.dataset.desc;\n lb.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n function closeLightbox(e, force) {\n if (force || e.target === document.getElementById('lightbox')) {\n document.getElementById('lightbox').classList.remove('active');\n document.body.style.overflow = '';\n }\n }\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeLightbox(null, true); });\n\n const heroContent = document.querySelector('.hero-content');\n window.addEventListener('scroll', () => {\n const s = window.scrollY;\n if (s < window.innerHeight) {\n heroContent.style.transform = 'translateY(' + (s * 0.3) + 'px)';\n heroContent.style.opacity = 1 - (s \/ (window.innerHeight * 0.7));\n }\n });\n\n var script = document.createElement('script');\n script.src = '\/\/js.hsforms.net\/forms\/embed\/v2.js';\n script.charset = 'utf-8';\n script.onload = function() {\n hbspt.forms.create({\n portalId: \"47830887\",\n formId: \"d04d018c-0ee4-43ad-ac48-016eed8e2012\",\n region: \"na1\",\n target: \"#hubspot-form-container\"\n });\n };\n document.head.appendChild(script);\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Por qu\u00e9 te conviene rentar en Urbanista | Departamentos en CDMX POR QU\u00c9 TE CONVIENERENTAR EN URBANISTA Rentar departamento en la Ciudad de M\u00e9xico no deber\u00eda sentirse como un obst\u00e1culo m\u00e1s en tu camino. Urbanista existe para quienes saben que su hogar es una plataforma para crecer. QUIERO RENTAR LA DIFERENCIA URBANISTA Un hogar que […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/20599","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=20599"}],"version-history":[{"count":0,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/20599\/revisions"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=20599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}