{"id":23045,"date":"2026-04-07T02:54:53","date_gmt":"2026-04-07T08:54:53","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=23045"},"modified":"2026-04-17T12:34:15","modified_gmt":"2026-04-17T18:34:15","slug":"comparte-y-recarga","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/comparte-y-recarga\/","title":{"rendered":"Comparte y Recarga"},"content":{"rendered":"\n\n\n\n \n \n Urbanista \u2014 Comparte & Recarga<\/title>\n <meta name=\"description\" content=\"Amenidades premium en CDMX: gym, coworking, rooftop, cocinas de entretenimiento. Host like a boss.\">\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&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 --terra: #00b4d8;\n --terra-light: #48cae4;\n --text-primary: #1a1a1a;\n --text-secondary: #5a5a5a;\n --ease: cubic-bezier(.22, 1, .36, 1);\n }\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box }\n html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased }\n body { font-family: 'Outfit', sans-serif; font-weight: 400; color: var(--text-primary); background: var(--white); overflow-x: hidden }\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 \/* ===== NAV ===== *\/\n nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; background: transparent; transition: background .4s var(--ease), padding .4s var(--ease), box-shadow .4s var(--ease) }\n nav.scrolled { background: var(--navy); padding: 10px 24px; box-shadow: 0 4px 20px rgba(0,78,100,.3) }\n .nav-logo { display: flex; align-items: center }\n .nav-logo-img { height: 60px; width: auto; filter: brightness(0) invert(1); transition: filter .4s, height .4s }\n nav.scrolled .nav-logo-img { height: 50px }\n .nav-links { display: flex; gap: 28px; align-items: center; list-style: none }\n .nav-links a { font-size: 12px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,.75); transition: color .3s; position: relative }\n nav.scrolled .nav-links a { color: rgba(255,255,255,.8) }\n .nav-links a:hover { color: var(--terra-light) }\n .nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1.5px; background: var(--terra); transition: width .4s var(--ease) }\n .nav-links a:hover::after { width: 100% }\n .nav-cta { background: var(--terra) !important; color: var(--white) !important; padding: 10px 24px !important; border-radius: 4px; font-weight: 600 !important; letter-spacing: 2px !important; transition: all .4s var(--ease) !important }\n .nav-cta::after { display: none !important }\n .nav-cta:hover { background: var(--terra-light) !important; transform: translateY(-1px) !important }\n .nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; z-index: 1001 }\n .nav-toggle span { width: 22px; height: 1.5px; background: var(--white); transition: all .3s; display: block }\n .mobile-menu-overlay { display: none; position: fixed; inset: 0; background: var(--navy); z-index: 999; flex-direction: column; justify-content: center; align-items: center; gap: 28px; opacity: 0; transition: opacity .4s ease }\n .mobile-menu-overlay.open { display: flex; opacity: 1 }\n .mobile-menu-overlay a { font-family: 'Outfit', sans-serif; font-size: 32px; color: var(--white); letter-spacing: 3px; transition: color .3s }\n .mobile-menu-overlay a:hover { color: var(--terra) }\n\n \/* ===== HERO ===== *\/\n @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\n .interior-hero { position: relative; height: clamp(450px, 70vh, 650px); display: flex; align-items: center; justify-content: flex-start; color: #fff; padding: 0 8vw; margin-top: 0; overflow: hidden }\n .interior-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transform: scaleX(-1) }\n .interior-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,50,70,.88) 0%, rgba(0,50,70,.4) 50%, transparent 100%); z-index: 2 }\n .in-hero-content { position: relative; z-index: 3; max-width: 680px; animation: slideInLeft 1s cubic-bezier(0.2,0.8,0.2,1) forwards }\n .in-hero-title { font-size: clamp(36px, 4.5vw, 56px); font-weight: 700; line-height: 1.1; margin-bottom: 14px; color: #fff }\n .in-hero-subtitle { font-size: clamp(16px, 1.8vw, 22px); font-weight: 400; line-height: 1.4; color: rgba(255,255,255,.85) }\n .pilares-nav { display: flex; gap: 12px; flex-wrap: wrap }\n .pilar-nav-btn { display: inline-flex; align-items: center; padding: 8px 20px; border-radius: 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; border: 2px solid rgba(255,255,255,.4); color: rgba(255,255,255,.8); background: rgba(255,255,255,.08); backdrop-filter: blur(6px); transition: all .3s ease }\n .pilar-nav-btn.active { background: var(--terra); border-color: var(--terra); color: #fff }\n .pilar-nav-btn:hover:not(.active) { background: rgba(255,255,255,.18); border-color: #fff }\n .nav-dot { width: 7px; height: 7px; background: #fff; border-radius: 50%; margin-right: 8px }\n .hero-pilares { justify-content: flex-start; margin-bottom: 16px }\n\n \/* ===== CONTENT ===== *\/\n .content-section { padding: 48px 4vw 24px; background: var(--white); max-width: 96vw; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px }\n .content-section > div { min-width: 0 }\n .tres-formas-header { margin-bottom: 24px }\n .tres-formas-header h2 { font-size: 30px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px }\n .tres-formas-header p { font-size: 18px; color: var(--text-secondary) }\n .tres-formas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px }\n .forma-card { display: flex; flex-direction: column }\n .forma-img-wrap { width: 100%; aspect-ratio: 16\/10; overflow: hidden; border-radius: 10px; margin-bottom: 12px }\n .forma-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease) }\n .forma-card:hover .forma-img-wrap img { transform: scale(1.05) }\n .forma-title { font-size: 18px; font-weight: 800; color: var(--text-primary); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 4px }\n .forma-desc { font-size: 15px; color: var(--text-secondary); line-height: 1.1 }\n .amenidades-right { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 8px }\n .amenidades-right h2 { font-size: 22px; font-weight: 700; color: var(--text-primary); margin-bottom: 16px }\n .am-icon-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; width: 100% }\n .am-icon-item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 14px 6px; border-radius: 10px; background: var(--off-white); border: 1px solid rgba(0,78,100,.08); transition: all .3s var(--ease); cursor: default }\n .am-icon-item:hover { background: #eaf2f5; border-color: rgba(0,78,100,.2); transform: translateY(-2px) }\n .am-svg-icon { width: 30px; height: 30px; color: var(--navy); display: flex; align-items: center; justify-content: center }\n .am-svg-icon svg { width: 100%; height: 100%; stroke-width: 1.75; stroke: currentColor; fill: none; stroke-linecap: round; stroke-linejoin: round }\n .am-icon-item span { font-size: 11px; font-weight: 600; color: var(--text-primary); line-height: 1.2 }\n .am-icon-more { background: var(--navy); border-color: var(--navy); cursor: pointer; color: #fff }\n .am-icon-more:hover { background: var(--navy-light); border-color: var(--navy-light); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,78,100,.25) }\n .am-icon-more .am-svg-icon { color: #fff }\n .am-icon-more span { color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; font-size: 10px }\n .am-view-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--terra); color: #fff; padding: 12px 24px; border-radius: 4px; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; transition: all .3s var(--ease); margin: 4px 0 10px; box-shadow: 0 8px 24px rgba(0,180,216,.2); border: none; align-self: flex-start }\n .am-view-btn:hover { background: var(--terra-light); transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,180,216,.3) }\n .am-view-btn svg { width: 16px; height: 16px; stroke: #fff; fill: none; stroke-width: 2; transition: transform .3s }\n .am-view-btn:hover svg { transform: translateX(3px) }\n .am-disclaimer { font-size: 11px; color: var(--text-secondary); margin-bottom: 12px; padding-left: 4px }\n .am-tan-banner { background: var(--navy); padding: 20px 24px; border-radius: 8px; text-align: center; color: #fff }\n .am-tan-banner p { font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 12px; color: rgba(255,255,255,.7) }\n .am-tan-banner a { display: inline-block; background: var(--terra); color: #fff; padding: 10px 24px; font-size: 12px; font-weight: 600; text-decoration: none; border-radius: 4px; transition: background .3s; letter-spacing: 1px; text-transform: uppercase }\n .am-tan-banner a:hover { background: var(--terra-light) }\n\n \/* ===== MODAL ===== *\/\n .amenities-modal { position: fixed; inset: 0; z-index: 99998; background: rgba(0,40,55,.97); backdrop-filter: blur(16px); display: flex; flex-direction: column; align-items: center; opacity: 0; pointer-events: none; transition: opacity .5s var(--ease); padding: 48px 10px; overflow-y: auto }\n .amenities-modal.open { opacity: 1; pointer-events: all }\n .amenities-modal-close { position: fixed; top: 24px; right: 24px; width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s; z-index: 100; color: var(--white) }\n .amenities-modal-close:hover { background: var(--terra); border-color: var(--terra); transform: rotate(90deg) }\n .amenities-modal-close svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2 }\n .amenities-modal-header { text-align: center; margin-bottom: 28px; padding: 0 10px; max-width: 900px; transform: translateY(20px); opacity: 0; transition: all .6s .15s var(--ease) }\n .amenities-modal.open .amenities-modal-header { transform: translateY(0); opacity: 1 }\n .amenities-modal-pretitle { display: inline-flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--terra-light) }\n .amenities-modal-pretitle::before { content: ''; width: 32px; height: 1px; background: var(--terra-light) }\n .amenities-modal-title { font-family: 'Outfit', sans-serif; font-size: clamp(28px, 4.5vw, 48px); line-height: 1.05; color: var(--white); margin: 12px 0 0; font-weight: 500 }\n .amenities-modal-title em { font-style: italic; color: var(--terra-light) }\n .buildings-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 32px; max-width: 1000px; transform: translateY(20px); opacity: 0; transition: all .6s .3s var(--ease) }\n .amenities-modal.open .buildings-nav { transform: translateY(0); opacity: 1 }\n .building-btn { display: inline-flex; align-items: center; padding: 8px 18px; border-radius: 30px; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,.75); background: rgba(255,255,255,.06); border: 1.5px solid rgba(255,255,255,.2); transition: all .3s; text-decoration: none }\n .building-btn:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.4); color: var(--white); transform: translateY(-2px) }\n .building-btn.featured { background: var(--terra); border-color: var(--terra); color: #fff }\n .building-btn.featured:hover { background: var(--terra-light); border-color: var(--terra-light) }\n .am-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 10px; width: 100%; max-width: 100%; transform: translateY(20px); opacity: 0; transition: all .6s .45s var(--ease) }\n .amenities-modal.open .am-gallery-grid { transform: translateY(0); opacity: 1 }\n .am-gallery-item { border-radius: 14px; overflow: hidden; position: relative; cursor: pointer; aspect-ratio: 16\/11; transition: transform .4s var(--ease) }\n .am-gallery-item:hover { transform: translateY(-4px) }\n .am-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease) }\n .am-gallery-item:hover img { transform: scale(1.08) }\n .am-gallery-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0,40,55,.92) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 22px }\n .am-gallery-title { font-family: 'Outfit', sans-serif; font-size: 26px; font-weight: 700; color: var(--white); line-height: 1.1; margin-bottom: 4px }\n .am-gallery-desc { font-size: 14px; color: rgba(255,255,255,.8); line-height: 1.4; max-height: 0; overflow: hidden; opacity: 0; transition: all .4s var(--ease) }\n .am-gallery-item:hover .am-gallery-desc { max-height: 100px; opacity: 1; margin-top: 6px }\n\n \/* ===== TEXTO SELECCIONABLE EN GALER\u00cdA ===== *\/\n .am-gallery-title, .am-gallery-desc {\n user-select: text;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n cursor: text;\n }\n\n \/* CTA ITEM EN GALERIA *\/\n .am-gallery-item.cta-card { background: var(--navy); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; cursor: default; }\n .am-gallery-item.cta-card h3 { \n color: var(--white); \n font-size: clamp(24px, 6vw, 30px);\n font-weight: 700; \n margin-bottom: 24px; \n font-family: 'Outfit', sans-serif; \n white-space: normal;\n letter-spacing: -1px;\n line-height: 1.1;\n }\n .am-gallery-item.cta-card a { \n display: inline-block; \n background: var(--terra);\n color: var(--white); \n padding: 14px 28px; \n border-radius: 4px; \n font-size: 15px; \n font-weight: 700; \n text-transform: uppercase; \n letter-spacing: 1.5px; \n transition: all .3s; \n text-decoration: none; \n box-shadow: 0 8px 24px rgba(0, 180, 216, 0.2); \n }\n .am-gallery-item.cta-card a:hover { \n background: var(--terra-light); \n transform: translateY(-2px); \n box-shadow: 0 12px 32px rgba(0, 180, 216, 0.35); \n }\n\n \/* ===== LIGHTBOX ===== *\/\n .lightbox-overlay { position: fixed; inset: 0; z-index: 99999; background: rgba(0,40,55,.97); backdrop-filter: blur(20px); display: flex; align-items: center; justify-content: center; flex-direction: column; opacity: 0; pointer-events: none; transition: opacity .4s var(--ease) }\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 { max-width: 90vw; max-height: 70vh; object-fit: contain; border-radius: 12px; box-shadow: 0 40px 100px rgba(0,0,0,.6); transform: scale(.92); opacity: 0; transition: all .5s var(--ease) }\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: 32px; color: var(--white) }\n .lightbox-caption-desc { font-size: 23px; color: rgba(255,255,255,.6); margin-top: 4px; max-width: 600px }\n .lightbox-close { position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s; z-index: 10; color: var(--white) }\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 { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s; z-index: 10; color: var(--white) }\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,.4); letter-spacing: 2px; text-transform: uppercase }\n\n \/* ===== FOOTER ===== *\/\n .footer-logo-img { height: 70px; width: auto; filter: brightness(0) invert(1) }\n footer { padding: 40px 48px 20px; background: var(--navy-dark); color: var(--white); border-top: 1px solid rgba(255,255,255,.06) }\n .footer-top { display: grid; grid-template-columns: 1.4fr 1.2fr 1fr; gap: 32px; padding-bottom: 20px; border-bottom: none; width: 100%; align-items: start }\n .footer-comunidades-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 20px }\n .footer-brand p { font-size: 14px; color: rgba(255,255,255,.4); line-height: 1.5; max-width: 300px; margin-top: 10px }\n .footer-col h4 { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--terra); margin-bottom: 10px; font-weight: 600 }\n .footer-col a { display: block; color: rgba(255,255,255,.5); font-size: 13px; padding: 2px 0; transition: color .3s, padding-left .3s }\n .footer-col a:hover { color: var(--white); padding-left: 6px }\n .footer-legal { display: flex; gap: 8px; align-items: center }\n .footer-legal a { color: rgba(255,255,255,.35); font-size: 12px; transition: color .3s; padding: 0; display: inline }\n .footer-legal a:hover { color: var(--white); padding-left: 0 }\n .footer-legal span { color: rgba(255,255,255,.15) }\n .footer-google-badge { display: inline-block; transition: opacity .3s }\n .footer-google-badge:hover { opacity: .8 }\n .footer-social { display: flex; gap: 8px; margin-top: 8px; justify-content: flex-start }\n .footer-social a { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; transition: all .3s; padding: 0 }\n .footer-social a:hover { background: var(--terra); border-color: var(--terra) }\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 ===== *\/\n .wa-float { position: fixed; bottom: 28px; right: 28px; z-index: 900; width: 52px; height: 52px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37,211,102,.3); transition: transform .3s, box-shadow .3s }\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 \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1024px) {\n .nav-links { display: none }\n .nav-toggle { display: flex }\n .content-section { grid-template-columns: 1fr; gap: 40px }\n .footer-top { grid-template-columns: 1fr; gap: 28px; text-align: center }\n .footer-brand { display: flex; flex-direction: column; align-items: center }\n .footer-brand p { margin-left: auto; margin-right: auto }\n .footer-comunidades-grid { gap: 2px 12px }\n .footer-col { text-align: center }\n .footer-col a { padding-left: 0 }\n .footer-col a:hover { padding-left: 0 }\n .footer-social { justify-content: center; margin-left: auto; margin-right: auto }\n .footer-bottom-row { flex-direction: column !important; align-items: center !important; text-align: center !important }\n .interior-hero { justify-content: center; text-align: center }\n .in-hero-content { align-items: center; display: flex; flex-direction: column }\n .hero-pilares { justify-content: center }\n }\n @media (max-width: 768px) {\n .tres-formas-grid { grid-template-columns: 1fr }\n .am-gallery-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px }\n .am-icon-grid { grid-template-columns: repeat(3, 1fr) }\n }\n @media (max-width: 640px) {\n .interior-hero { height: 65vh; padding: 0 5vw }\n .in-hero-title { font-size: clamp(28px, 8vw, 40px) }\n .pilar-nav-btn { padding: 6px 14px; font-size: 10px }\n footer { padding: 32px 16px 16px }\n }\n\n @media (min-width: 1400px) {\n .am-gallery-grid { grid-template-columns: repeat(4, 1fr); max-width: 100%; }\n }\n\n \/* ===== 1920\u00d71080 @ 150% ===== *\/\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 .interior-hero { height: clamp(330px, 40vh, 420px) }\n .in-hero-title { font-size: clamp(28px, 3.5vw, 42px); margin-bottom: 8px }\n .in-hero-subtitle { font-size: clamp(14px, 1.5vw, 18px) }\n .pilar-nav-btn { padding: 6px 16px; font-size: 10px }\n .hero-pilares { margin-bottom: 10px; gap: 8px }\n\n .content-section { padding: 28px 3vw 16px; gap: 32px }\n .tres-formas-header { margin-bottom: 14px }\n .tres-formas-header h2 { font-size: 22px; margin-bottom: 4px }\n .tres-formas-header p { font-size: 14px }\n .tres-formas-grid { gap: 12px }\n .forma-img-wrap { margin-bottom: 8px }\n .forma-title { font-size: 14px; margin-bottom: 2px }\n .forma-desc { font-size: 12px; line-height: 1.1 }\n .amenidades-right h2 { font-size: 18px; margin-bottom: 10px }\n .am-icon-grid { gap: 8px; margin-bottom: 10px }\n .am-icon-item { padding: 10px 4px; gap: 6px; border-radius: 8px }\n .am-svg-icon { width: 24px; height: 24px }\n .am-icon-item span { font-size: 10px }\n .am-icon-more span { font-size: 9px }\n .am-disclaimer { font-size: 10px; margin-bottom: 8px }\n .am-tan-banner { padding: 14px 18px }\n .am-tan-banner p { font-size: 12px; margin-bottom: 8px }\n .am-tan-banner a { padding: 8px 18px; font-size: 10px }\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 }\n .footer-col h4 { font-size: 10px; margin-bottom: 6px }\n .footer-col a { font-size: 11px; padding: 1px 0 }\n .footer-comunidades-grid a { font-size: 11px; padding: 1px 0 }\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 .amenities-modal { padding: 24px 10px }\n .amenities-modal-header { margin-bottom: 18px }\n .amenities-modal-title { font-size: clamp(24px, 3vw, 36px) }\n .buildings-nav { margin-bottom: 18px; gap: 8px }\n .building-btn { padding: 6px 14px; font-size: 10px }\n .am-gallery-grid { grid-template-columns: repeat(4, 1fr); max-width: 100%; gap: 10px }\n .am-gallery-item { aspect-ratio: 16\/10 }\n .am-gallery-overlay { padding: 18px }\n .am-gallery-title { font-size: 22px }\n .am-gallery-desc { font-size: 13px }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"mobile-menu-overlay\" id=\"mobileMenu\">\n <a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#concepto\" class=\"mobile-nav-link\">Concepto<\/a>\n <a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#comunidades\" class=\"mobile-nav-link\">Comunidades<\/a>\n <a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#experiencias\" class=\"mobile-nav-link\">Experiencias<\/a>\n <a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#pasos\" class=\"mobile-nav-link\">C\u00f3mo Funciona<\/a>\n <a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#pasos\" class=\"mobile-nav-link\" style=\"color:var(--terra)\">Agendar Visita<\/a>\n <\/div>\n\n <nav id=\"mainNav\">\n <a href=\"https:\/\/urbanista.mx\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\" alt=\"Urbanista\" class=\"nav-logo-img\"><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#concepto\">Concepto<\/a><\/li>\n <li><a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#comunidades\">Comunidades<\/a><\/li>\n <li><a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#pasos\">C\u00f3mo Funciona<\/a><\/li>\n <li><a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#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 id=\"langSwitcherItem\" class=\"trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-8873\">\n <a id=\"langSwitcherLink\" href=\"https:\/\/urbanista.mx\/en\/\" class=\"elementor-item\"><span data-no-translation=\"\"><img decoding=\"async\"\n id=\"langSwitcherFlag\"\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=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#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 <section class=\"interior-hero\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/skybar-josefa.jpeg\" alt=\"Comparte y Recarga Interior\">\n <div class=\"in-hero-content\">\n <div class=\"pilares-nav hero-pilares\">\n <a href=\"https:\/\/urbanista.mx\/renta-facil\/\" class=\"pilar-nav-btn\">RENTA F\u00c1CIL<\/a>\n <a href=\"#\" class=\"pilar-nav-btn active\"><div class=\"nav-dot\"><\/div> COMPARTE & RECARGA<\/a>\n <a href=\"https:\/\/urbanista.mx\/oasis-urbano-urbanista\/\" class=\"pilar-nav-btn\">OASIS URBANO<\/a>\n <\/div>\n <h1 class=\"in-hero-title\">Host like a boss.<br>Recarga como un pro.<\/h1>\n <p class=\"in-hero-subtitle\">Tu depa es para ti. Las amenidades son para tu vida.<\/p>\n <\/div>\n <\/section>\n\n <section class=\"content-section\">\n <div class=\"tres-formas-left\">\n <div class=\"tres-formas-header\">\n <h2>Tres formas de disfrutar<\/h2>\n <p>Nuestras amenidades est\u00e1n dise\u00f1adas para tres momentos de tu vida:<\/p>\n <\/div>\n <div class=\"tres-formas-grid\">\n <div class=\"forma-card\">\n <div class=\"forma-img-wrap\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/gym_incluido_renta_depa_cdmx-scaled.png\" alt=\"Solo Amenities\"><\/div>\n <h3 class=\"forma-title\">SOLO<\/h3>\n <p class=\"forma-desc\">Para ti. El gimnasio a las 6 am. El coworking cuando necesitas concentrarte. Tu espacio, tu ritmo.<\/p>\n <\/div>\n <div class=\"forma-card\">\n <div class=\"forma-img-wrap\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Comparte-y-recarga-home-scaled.jpeg\" alt=\"Con Amigos\"><\/div>\n <h3 class=\"forma-title\">CON AMIGOS<\/h3>\n <p class=\"forma-desc\">Para tus invitados. Cocinas de entretenimiento para recibir amigos cuando quieras. T\u00fa eres el anfitri\u00f3n.<\/p>\n <\/div>\n <div class=\"forma-card\">\n <div class=\"forma-img-wrap\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Diseno-sin-titulo-11.png\" alt=\"Eventos\"><\/div>\n <h3 class=\"forma-title\">EVENTOS<\/h3>\n <p class=\"forma-desc\">Eventos donde los vecinos se volver\u00e1n tus amigos, ya incluidos en tu renta.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"amenidades-right\">\n <h2>Las amenidades<\/h2>\n <div class=\"am-icon-grid\">\n <div class=\"am-icon-item\">\n <div class=\"am-svg-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14.4 14.4 9.6 9.6\"\/><path d=\"M18.657 21.485a2 2 0 1 1-2.829-2.828l-1.767 1.768a2 2 0 1 1-2.829-2.829l6.364-6.364a2 2 0 1 1 2.829 2.829l-1.768 1.767a2 2 0 1 1 2.828 2.829z\"\/><path d=\"m21.5 21.5-1.4-1.4\"\/><path d=\"M3.9 3.9 2.5 2.5\"\/><path d=\"M6.404 12.768a2 2 0 1 1-2.829-2.829l1.768-1.767a2 2 0 1 1-2.828-2.829l2.828-2.828a2 2 0 1 1 2.829 2.828l1.767-1.768a2 2 0 1 1 2.829 2.829z\"\/><\/svg><\/div>\n <span>Gimnasio<\/span>\n <\/div>\n <div class=\"am-icon-item\">\n <div class=\"am-svg-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/><path d=\"M6 12H4a2 2 0 0 0-2 2v8h4\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v11h-4\"\/><path d=\"M10 6h4\"\/><path d=\"M10 10h4\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/><\/svg><\/div>\n <span>Rooftop<\/span>\n <\/div>\n <div class=\"am-icon-item\">\n <div class=\"am-svg-icon\"><svg viewBox=\"0 0 24 24\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/><path d=\"M7 3v18\"\/><path d=\"M3 7.5h4\"\/><path d=\"M3 12h18\"\/><path d=\"M3 16.5h4\"\/><path d=\"M17 3v18\"\/><path d=\"M17 7.5h4\"\/><path d=\"M17 16.5h4\"\/><\/svg><\/div>\n <span>Sky Cinema<\/span>\n <\/div>\n <div class=\"am-icon-item\">\n <div class=\"am-svg-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9\"\/><path d=\"M20 16H4\"\/><path d=\"m20 16 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16\"\/><\/svg><\/div>\n <span>Coworking<\/span>\n <\/div>\n <div class=\"am-icon-item\">\n <div class=\"am-svg-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21a1 1 0 0 0 1-1v-5.35c0-.457.316-.844.727-1.041a4 4 0 0 0-2.134-7.589 5 5 0 0 0-9.186 0 4 4 0 0 0-2.134 7.588c.411.198.727.585.727 1.041V20a1 1 0 0 0 1 1Z\"\/><path d=\"M6 17h12\"\/><\/svg><\/div>\n <span>Cocinas<\/span>\n <\/div>\n <div class=\"am-icon-item\">\n <div class=\"am-svg-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 22h8\"\/><path d=\"M7 10h10\"\/><path d=\"M12 15v7\"\/><path d=\"M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z\"\/><\/svg><\/div>\n <span>Sky Bar<\/span>\n <\/div>\n <div class=\"am-icon-item\">\n <div class=\"am-svg-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"4\" r=\"2\"\/><circle cx=\"18\" cy=\"8\" r=\"2\"\/><circle cx=\"20\" cy=\"16\" r=\"2\"\/><path d=\"M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z\"\/><\/svg><\/div>\n <span>Pet Zone<\/span>\n <\/div>\n <div class=\"am-icon-item am-icon-more\" id=\"openAmenitiesModal\" role=\"button\" tabindex=\"0\">\n <div class=\"am-svg-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/><\/svg><\/div>\n <span>Ver m\u00e1s<\/span>\n <\/div>\n <\/div>\n\n <p class=\"am-disclaimer\">*Consulta amenidades por edificio<\/p>\n <div class=\"am-tan-banner\">\n <p>Cada mes organizamos eventos exclusivos para nuestra comunidad.<br>Desde wine tastings hasta clases de yoga al amanecer.<\/p>\n <a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#pasos\">Consulta calendario de eventos en tour<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"amenities-modal\" id=\"amenitiesModal\">\n <button class=\"amenities-modal-close\" id=\"closeAmenitiesModal\" type=\"button\"><svg viewBox=\"0 0 24 24\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/button>\n <div class=\"amenities-modal-header\">\n <div class=\"amenities-modal-pretitle\">Amenidades<\/div>\n <h2 class=\"amenities-modal-title\">Todo lo que necesitas,<br>a un <em>elevador<\/em> de distancia<\/h2>\n <\/div>\n <div class=\"buildings-nav\">\n <span class=\"building-btn featured\">TODAS<\/span>\n <a href=\"https:\/\/urbanista.mx\/josefa\/\" class=\"building-btn\">Josefa<\/a>\n <a href=\"https:\/\/urbanista.mx\/magda\/\" class=\"building-btn\">Magda<\/a>\n <a href=\"https:\/\/urbanista.mx\/ines\/\" class=\"building-btn\">In\u00e9s<\/a>\n <a href=\"https:\/\/urbanista.mx\/amalia-napoles\/\" class=\"building-btn\">Amalia<\/a>\n <a href=\"https:\/\/urbanista.mx\/leona-condesa\/\" class=\"building-btn\">Leona<\/a>\n <a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\" class=\"building-btn\">Joaquina<\/a>\n <a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\" class=\"building-btn\">Matilde<\/a>\n <a href=\"https:\/\/urbanista.mx\/natalia\/\" class=\"building-btn\">Natalia<\/a>\n <\/div>\n\n <!-- ===== GALER\u00cdA EST\u00c1TICA (traducible por TranslatePress) ===== -->\n <div class=\"am-gallery-grid\" id=\"amenitiesGalleryGrid\">\n\n <div class=\"am-gallery-item\" data-index=\"0\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cowork-scaled.webp\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/cowork-scaled.webp\" alt=\"Cowork\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Cowork<\/div>\n <div class=\"am-gallery-desc\">Internet de alta velocidad y espacios dise\u00f1ados para tu m\u00e1xima productividad<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"1\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/gaming-zone.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/gaming-zone.jpg\" alt=\"Gaming Zone\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Gaming Zone<\/div>\n <div class=\"am-gallery-desc\">Tu zona para desestresarte despu\u00e9s de un d\u00eda intenso<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"2\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Roof-josefa-con-gente.jpg-scaled.jpeg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Roof-josefa-con-gente.jpg-scaled.jpeg\" alt=\"Rooftop\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Rooftop<\/div>\n <div class=\"am-gallery-desc\">Vistas incre\u00edbles encima del ruido de la ciudad<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"3\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/cinerama.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/cinerama.jpg\" alt=\"Cinerama\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Cinerama<\/div>\n <div class=\"am-gallery-desc\">Tu sala privada para maratones de tus series favoritas<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"4\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Firepits.jpg.jpeg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Firepits.jpg.jpeg\" alt=\"Firepits\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Firepits<\/div>\n <div class=\"am-gallery-desc\">Perfectos para una noche al calor del fuego<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"5\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-6-1024x536.jpg.webp\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-6-1024x536.jpg.webp\" alt=\"Convenience Store\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Convenience Store<\/div>\n <div class=\"am-gallery-desc\">Snacks y bebidas saliendo del elevador, siempre a tu alcance<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"6\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/sala-juntas-scaled.webp\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/sala-juntas-scaled.webp\" alt=\"Sala de Juntas\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Sala de Juntas<\/div>\n <div class=\"am-gallery-desc\">Espacios profesionales para m\u00e1xima concentraci\u00f3n en tus reuniones<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"7\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Gym-josefa-con-gente-2.jpg-scaled.jpeg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Gym-josefa-con-gente-2.jpg-scaled.jpeg\" alt=\"Gimnasio\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Gimnasio<\/div>\n <div class=\"am-gallery-desc\">Equipamiento de primera para tu rutina diaria sin salir del edificio<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"8\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-JOSEFA.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-JOSEFA.jpg\" alt=\"Pet Zone\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Pet Zone<\/div>\n <div class=\"am-gallery-desc\">Mascotarios para tu mejor amigo peludo en un entorno seguro<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"9\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Salonyoga.jpg-scaled.jpeg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Salonyoga.jpg-scaled.jpeg\" alt=\"Sal\u00f3n de yoga\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Sal\u00f3n de yoga<\/div>\n <div class=\"am-gallery-desc\">Tu propio espacio privado para meditar en solitario o con tus invitados<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"10\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Sky-cinema.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Sky-cinema.jpg\" alt=\"Sky Cinema\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Sky Cinema<\/div>\n <div class=\"am-gallery-desc\">Cine al aire libre con la mejor vista para sorprender a tus invitados<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"11\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/asadores.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/asadores.jpg\" alt=\"Asadores BBQ\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Asadores BBQ<\/div>\n <div class=\"am-gallery-desc\">Asadores premium para que seas el anfitri\u00f3n estrella en tus reuniones<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"12\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Sky-Bar.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Sky-Bar.jpg\" alt=\"Sky Bar\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Sky Bar<\/div>\n <div class=\"am-gallery-desc\">Skybar para brindar por el \u00e9xito desde las alturas<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"13\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-9.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-9.jpg\" alt=\"Eventos\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Eventos<\/div>\n <div class=\"am-gallery-desc\">Eventos exclusivos en tu edificio donde los vecinos se vuelven amigos<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"14\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Cocina-lounge-3.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Cocina-lounge-3.jpg\" alt=\"Cocina Lounge\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Cocina Lounge<\/div>\n <div class=\"am-gallery-desc\">Sin preocuparte por nada porque todo est\u00e1 listo para ti<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"15\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/sala-scaled.webp\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/sala-scaled.webp\" alt=\"Salas de TV\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Salas de TV<\/div>\n <div class=\"am-gallery-desc\">\u00a1Haz maratones de tus series favoritas con quien quieras!<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"16\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/hf_20260415_154156_cb82be51-bdca-4fc4-afaa-b8635be75998-scaled.webp\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/hf_20260415_154156_cb82be51-bdca-4fc4-afaa-b8635be75998-scaled.webp\" alt=\"Sauna\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Sauna<\/div>\n <div class=\"am-gallery-desc\">Ideal para relajarte luego de un largo d\u00eda<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"17\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Arena-Virtual-josefa-con-gente.jpg-scaled.jpeg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/Arena-Virtual-josefa-con-gente.jpg-scaled.jpeg\" alt=\"Arena Virtual\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Arena Virtual<\/div>\n <div class=\"am-gallery-desc\">Impresiona a tus invitados llev\u00e1ndolos a hacer deporte sin salir de casa<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item\" data-index=\"18\" data-img=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/59b3252f-e21b-4d9d-a7db-23ced394f6c6.jpg\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/59b3252f-e21b-4d9d-a7db-23ced394f6c6.jpg\" alt=\"Terrazas\" loading=\"lazy\">\n <div class=\"am-gallery-overlay\">\n <div class=\"am-gallery-title\">Terrazas<\/div>\n <div class=\"am-gallery-desc\">Disfruta de las mejores vistas de la ciudad<\/div>\n <\/div>\n <\/div>\n\n <div class=\"am-gallery-item cta-card\">\n <h3>Y muchas m\u00e1s…<\/h3>\n <a href=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#pasos\" onclick=\"document.getElementById('closeAmenitiesModal').click();\">Agendar tour<\/a>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"lightbox-overlay\" id=\"lightboxOverlay\">\n <button class=\"lightbox-close\" id=\"lightboxClose\" type=\"button\"><svg viewBox=\"0 0 24 24\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/button>\n <button class=\"lightbox-arrow prev\" id=\"lightboxPrev\" type=\"button\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\n <button class=\"lightbox-arrow next\" id=\"lightboxNext\" type=\"button\"><svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg><\/button>\n <div class=\"lightbox-content\">\n <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 <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>Departamentos en renta en CDMX dise\u00f1ados para que vivas bien, crezcas r\u00e1pido y disfrutes cada d\u00eda.<\/p>\n <p 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><a href=\"https:\/\/urbanista.mx\/amalia-napoles\">In\u00e9s \u00b7 Polanco<\/a><a href=\"https:\/\/urbanista.mx\/amalia-napoles\">Magda \u00b7 Roma Sur<\/a><a href=\"https:\/\/urbanista.mx\/amalia-napoles\">Josefa \u00b7 Reforma<\/a><a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\">Matilde \u00b7 Ju\u00e1rez<\/a><a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\">Natalia \u00b7 Doctores<\/a><a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\">Joaquina \u00b7 Del Valle<\/a><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=\"https:\/\/urbanista.mx\/propuesta-4-2026\/#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\"><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><\/div>\n <a href=\"https:\/\/www.google.com\/partners\/agency?id=1048257194\" target=\"_blank\" class=\"footer-google-badge\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.gstatic.com\/partners\/badge\/images\/2025\/PartnerBadgeClickable.svg\" alt=\"Google Partner\" style=\"height:36px;width:auto;\"><\/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\n <script>\n \/\/ === Los datos de la galer\u00eda se leen del DOM est\u00e1tico ===\n const galleryGrid = document.getElementById('amenitiesGalleryGrid');\n\n function getAmenitiesData() {\n return Array.from(galleryGrid.querySelectorAll('.am-gallery-item:not(.cta-card)')).map(el => ({\n img: el.getAttribute('data-img') || (el.querySelector('img') ? el.querySelector('img').src : ''),\n title: el.querySelector('.am-gallery-title').textContent.trim(),\n desc: el.querySelector('.am-gallery-desc').textContent.trim()\n }));\n }\n\n const amenitiesModal = document.getElementById('amenitiesModal');\n const openBtn = document.getElementById('openAmenitiesModal');\n const openModal = () => { amenitiesModal.classList.add('open'); document.body.style.overflow = 'hidden'; };\n openBtn.addEventListener('click', openModal);\n openBtn.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openModal(); } });\n document.getElementById('closeAmenitiesModal').addEventListener('click', () => { amenitiesModal.classList.remove('open'); document.body.style.overflow = ''; });\n\n let mouseDownPos = null;\n galleryGrid.addEventListener('mousedown', e => {\n mouseDownPos = { x: e.clientX, y: e.clientY };\n });\n galleryGrid.addEventListener('click', e => {\n if (mouseDownPos) {\n const dx = Math.abs(e.clientX - mouseDownPos.x);\n const dy = Math.abs(e.clientY - mouseDownPos.y);\n mouseDownPos = null;\n if (dx > 5 || dy > 5) return;\n }\n if (window.getSelection().toString().length > 0) return;\n\n const item = e.target.closest('.am-gallery-item');\n if (item && !item.classList.contains('cta-card')) {\n openLightbox(parseInt(item.dataset.index, 10));\n }\n });\n\n let currentLightboxIndex = 0;\n function openLightbox(idx) {\n currentLightboxIndex = idx;\n updateLightbox();\n document.getElementById('lightboxOverlay').classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n function closeLightbox() {\n document.getElementById('lightboxOverlay').classList.remove('open');\n if (!amenitiesModal.classList.contains('open')) document.body.style.overflow = '';\n }\n function updateLightbox() {\n const data = getAmenitiesData();\n const item = data[currentLightboxIndex];\n if (!item) return;\n document.getElementById('lightboxImg').src = item.img;\n document.getElementById('lightboxImg').alt = item.title;\n document.getElementById('lightboxTitle').textContent = item.title;\n document.getElementById('lightboxDesc').textContent = item.desc;\n document.getElementById('lightboxCounter').textContent = (currentLightboxIndex + 1) + ' \/ ' + data.length;\n }\n document.getElementById('lightboxClose').addEventListener('click', closeLightbox);\n document.getElementById('lightboxPrev').addEventListener('click', () => {\n const len = getAmenitiesData().length;\n currentLightboxIndex = (currentLightboxIndex - 1 + len) % len;\n updateLightbox();\n });\n document.getElementById('lightboxNext').addEventListener('click', () => {\n const len = getAmenitiesData().length;\n currentLightboxIndex = (currentLightboxIndex + 1) % len;\n updateLightbox();\n });\n document.getElementById('lightboxOverlay').addEventListener('click', function (e) { if (e.target === this) closeLightbox(); });\n document.addEventListener('keydown', function (e) {\n const lb = document.getElementById('lightboxOverlay');\n if (lb.classList.contains('open')) {\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowLeft') document.getElementById('lightboxPrev').click();\n if (e.key === 'ArrowRight') document.getElementById('lightboxNext').click();\n return;\n }\n if (amenitiesModal.classList.contains('open') && e.key === 'Escape') {\n amenitiesModal.classList.remove('open');\n document.body.style.overflow = '';\n }\n });\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 if (navToggle) {\n navToggle.addEventListener('click', function () {\n this.classList.toggle('open');\n mobileMenu.classList.toggle('open');\n document.body.style.overflow = mobileMenu.classList.contains('open') ? 'hidden' : '';\n });\n }\n document.querySelectorAll('.mobile-nav-link').forEach(link => {\n link.addEventListener('click', () => {\n navToggle.classList.remove('open');\n mobileMenu.classList.remove('open');\n document.body.style.overflow = '';\n });\n });\n <\/script>\n\n <!-- ===== BIDIRECTIONAL LANGUAGE SWITCHER (ES <-> EN) ===== -->\n <script>\n (function() {\n var path = window.location.pathname || '\/';\n var isEN = \/^\\\/en\\\/\/.test(path) || path === '\/en';\n\n function updateSwitcher() {\n var link = document.getElementById('langSwitcherLink');\n var flag = document.getElementById('langSwitcherFlag');\n if (!link || !flag) return;\n\n var targetHref;\n if (isEN) {\n targetHref = 'https:\/\/urbanista.mx' + path.replace(\/^\\\/en\/, '');\n flag.setAttribute('src', 'https:\/\/urbanista.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_MX.png');\n flag.setAttribute('alt', 'es_MX');\n flag.setAttribute('title', 'Espa\u00f1ol');\n } else {\n targetHref = 'https:\/\/urbanista.mx\/en' + (path === '\/' ? '\/' : path);\n flag.setAttribute('src', 'https:\/\/urbanista.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png');\n flag.setAttribute('alt', 'en_US');\n flag.setAttribute('title', 'English');\n }\n link.setAttribute('href', targetHref);\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', updateSwitcher);\n } else {\n updateSwitcher();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Urbanista \u2014 Comparte & Recarga Concepto Comunidades Experiencias C\u00f3mo Funciona Agendar Visita Concepto Comunidades C\u00f3mo Funciona Blog Por qu\u00e9 Urbanista FAQ Alma 390 AGENDAR VISITA RENTA F\u00c1CIL COMPARTE & RECARGA OASIS URBANO Host like a boss.Recarga como un pro. Tu depa es para ti. Las amenidades son para tu vida. Tres formas de disfrutar Nuestras […]<\/p>\n","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-23045","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23045","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=23045"}],"version-history":[{"count":43,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23045\/revisions"}],"predecessor-version":[{"id":23565,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23045\/revisions\/23565"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=23045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}