{"id":23043,"date":"2026-04-07T02:54:04","date_gmt":"2026-04-07T08:54:04","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=23043"},"modified":"2026-04-17T12:31:34","modified_gmt":"2026-04-17T18:31:34","slug":"oasis-urbano-urbanista","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/oasis-urbano-urbanista\/","title":{"rendered":"Urban Oasis"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"es-MX\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Urbanista \u2014 Oasis Urbano<\/title>\n    <meta name=\"description\" content=\"Vive por encima del ruido. Aislamiento ac\u00fastico, A\/C central, seguridad 24\/7 en tus departamentos Urbanista CDMX.\">\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&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --navy: #004e64;\n            --navy-light: #006580;\n            --navy-dark: #003a4a;\n            --white: #ffffff;\n            --off-white: #f7f9fa;\n            --terra: #6ec1e4;\n            --terra-light: #8ed0ea;\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 (transparent \u2192 blue) ===== *\/\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(480px, 75vh, 700px); display: flex; align-items: center; justify-content: flex-start; color: #fff; padding: 0 8vw 12vh; overflow: visible }\n        .interior-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; object-position: center; }\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-badge { display: inline-block; background: var(--terra); color: #fff; padding: 5px 14px; border-radius: 30px; font-size: 12px; font-weight: 600; letter-spacing: 1px; margin-bottom: 18px; text-transform: uppercase }\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(15px, 1.6vw, 19px); font-weight: 400; line-height: 1.5; color: rgba(255,255,255,.9); text-shadow: 0 2px 10px rgba(0,0,0,.4) }\n\n        \/* ===== CONTENT SECTION ===== *\/\n        .content-section { background: transparent; width: 100%; display: grid; grid-template-columns: 58% 42%; position: relative; z-index: 10 }\n        .content-left { background: var(--white); padding: 44px 4vw 56px; margin-top: -12vh; border-top-right-radius: 20px; box-shadow: 20px -20px 40px rgba(0,0,0,0.06); position: relative; z-index: 10 }\n        .content-right { background: var(--off-white); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px 2vw; position: relative; z-index: 5 }\n\n        .refugio-text { font-size: 17px; font-weight: 600; color: var(--text-primary); line-height: 1.4; margin-bottom: 32px; max-width: 620px; text-align: center; margin-left: auto; margin-right: auto }\n        .refugio-text span { font-weight: 400; color: var(--text-secondary) }\n\n        .features-grid { display: flex; flex-direction: column; gap: 28px }\n        .features-top-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px }\n        .features-bottom-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; align-items: start }\n\n        .feat-item-horiz { display: flex; flex-direction: row; align-items: flex-start; gap: 14px }\n        .feat-item-vert { display: flex; flex-direction: column; gap: 10px; text-align: left }\n\n        .feat-icon { color: var(--terra); flex-shrink: 0; display: flex; align-items: center; justify-content: center }\n        .feat-icon-horiz { width: 44px; height: 44px }\n        .feat-icon-vert { width: 38px; height: 38px }\n        .feat-icon svg { width: 100%; height: 100%; stroke-width: 1.4; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round }\n\n        .feat-text { display: flex; flex-direction: column; gap: 3px }\n        .feat-title { font-size: 16px; font-weight: 700; color: var(--text-primary); line-height: 1.2 }\n        .feat-desc { font-size: 14px; color: var(--text-secondary); line-height: 1.45 }\n\n        .quote-text { font-size: 24px; font-weight: 500; font-style: italic; color: var(--text-primary); margin-bottom: 32px; text-align: center; font-family: 'Outfit', sans-serif; max-width: 420px; line-height: 1.3 }\n\n        \/* ===== OASIS CTA ===== *\/\n        .oasis-cta { display: inline-flex; align-items: center; gap: 0; background: var(--terra); color: #fff; text-decoration: none; border-radius: 100px; padding: 5px 5px 5px 28px; font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 32px; box-shadow: 0 12px 30px rgba(110,193,228,.4); transition: all .4s var(--ease); position: relative; overflow: hidden }\n        .oasis-cta::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255,255,255,.18); border-radius: 50%; transform: translate(-50%, -50%); transition: width .6s ease, height .6s ease }\n        .oasis-cta:hover { background: var(--terra-light); transform: translateY(-3px); box-shadow: 0 18px 45px rgba(110,193,228,.5) }\n        .oasis-cta:hover::before { width: 400px; height: 400px }\n        .oasis-cta-label { position: relative; z-index: 2; padding-right: 14px; color: #fff }\n        .oasis-cta-arrow { position: relative; z-index: 2; width: 38px; height: 38px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--navy); transition: transform .4s var(--ease) }\n        .oasis-cta:hover .oasis-cta-arrow { transform: translateX(4px) rotate(-8deg) }\n        .oasis-cta-arrow svg { width: 16px; height: 16px }\n\n        \/* ===== PILARES NAV ===== *\/\n        .pilares-nav { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap }\n        .pilar-nav-btn { display: inline-flex; align-items: center; padding: 9px 20px; border-radius: 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; border: 2px solid var(--navy); color: var(--navy); 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(0,78,100,.08) }\n        .nav-dot { width: 7px; height: 7px; background: #fff; border-radius: 50%; margin-right: 8px }\n        \/* Pilares inside the hero (dark bg) *\/\n        .hero-pilares { justify-content: flex-start; margin-bottom: 18px }\n        .hero-pilares .pilar-nav-btn { background: rgba(255,255,255,.1); backdrop-filter: blur(6px); border-color: rgba(255,255,255,.5); color: #fff }\n        .hero-pilares .pilar-nav-btn.active { background: var(--terra); border-color: var(--terra); color: #fff }\n        .hero-pilares .pilar-nav-btn:hover:not(.active) { background: rgba(255,255,255,.2); border-color: #fff }\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; 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 }\n            .content-left { padding: 32px 20px 40px; margin-top: -6vh; border-top-right-radius: 20px; border-top-left-radius: 20px }\n            .content-right { padding: 40px 20px }\n            .interior-hero { height: 65vh; padding: 0 5vw 8vh }\n            .in-hero-content { margin-top: 0 }\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        }\n        \n        @media (max-width: 768px) {\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            .interior-hero::after { background: linear-gradient(180deg, rgba(0,50,70,.5) 0%, rgba(0,50,70,.85) 100%) }\n            .quote-text { font-size: 20px }\n\n            .features-top-row,\n            .features-bottom-row { \n                grid-template-columns: 1fr;\n                gap: 24px; \n            }\n            .feat-item-horiz, \n            .feat-item-vert {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                gap: 16px;\n                text-align: left;\n            }\n            .feat-icon-horiz, \n            .feat-icon-vert {\n                width: 36px;\n                height: 36px;\n                flex-shrink: 0;\n            }\n            .feat-text {\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                gap: 4px;\n            }\n        }\n        \n        @media (max-width: 640px) {\n            .interior-hero { height: 65vh }\n            .in-hero-title { font-size: clamp(28px, 8vw, 38px) }\n            .pilar-nav-btn { padding: 7px 14px; font-size: 10px }\n            footer { padding: 32px 16px 16px }\n            .oasis-cta { font-size: 11px; padding: 4px 4px 4px 20px }\n            .oasis-cta-arrow { width: 32px; height: 32px }\n            .oasis-cta-arrow svg { width: 13px; height: 13px }\n        }\n\n        \/* ===== PANTALLAS GRANDES ===== *\/\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(360px, 58vh, 480px); padding: 0 8vw 9vh }\n            .in-hero-badge { padding: 4px 10px; font-size: 10px; margin-bottom: 10px }\n            .in-hero-title { font-size: clamp(26px, 3.2vw, 40px); margin-bottom: 8px }\n            .in-hero-subtitle { font-size: clamp(13px, 1.3vw, 16px); line-height: 1.4 }\n\n            .content-section { grid-template-columns: 58% 42% }\n            .content-left { padding: 22px 3vw 26px; margin-top: -9vh }\n            .content-right { padding: 24px 2vw }\n            .refugio-text { font-size: 14px; margin-bottom: 18px; line-height: 1.35 }\n            .features-grid { gap: 18px }\n            .features-top-row { gap: 16px }\n            .features-bottom-row { gap: 14px }\n            .feat-icon-horiz { width: 34px; height: 34px }\n            .feat-icon-vert { width: 30px; height: 30px }\n            .feat-title { font-size: 13px; line-height: 1.15 }\n            .feat-desc { font-size: 11px; line-height: 1.35 }\n            .feat-item-horiz { gap: 10px }\n            .feat-item-vert { gap: 6px }\n\n            .quote-text { font-size: 18px; margin-bottom: 20px; max-width: 380px }\n            .oasis-cta { padding: 4px 4px 4px 22px; font-size: 11px; margin-bottom: 22px }\n            .oasis-cta-label { padding-right: 10px }\n            .oasis-cta-arrow { width: 30px; height: 30px }\n            .oasis-cta-arrow svg { width: 13px; height: 13px }\n            .pilar-nav-btn { padding: 7px 14px; font-size: 10px; letter-spacing: .8px }\n            .nav-dot { width: 6px; height: 6px; margin-right: 6px }\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    <\/style>\n<\/head>\n<body>\n\n    <div class=\"mobile-menu-overlay\" id=\"mobileMenu\">\n        <a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#concepto\" class=\"mobile-nav-link\">Concept<\/a>\n        <a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#comunidades\" class=\"mobile-nav-link\">Communities<\/a>\n        <a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#experiencias\" class=\"mobile-nav-link\">Experiences<\/a>\n        <a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#pasos\" class=\"mobile-nav-link\">How it works<\/a>\n        <a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#pasos\" class=\"mobile-nav-link\" style=\"color:var(--terra)\">Schedule A Visit<\/a>\n    <\/div>\n\n    <nav id=\"mainNav\">\n        <a href=\"https:\/\/urbanista.mx\/en\/\" 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\/en\/propuesta-4-2026\/#concepto\">Concept<\/a><\/li>\n            <li><a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#comunidades\">Communities<\/a><\/li>\n            <li><a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#pasos\">How it works<\/a><\/li>\n            <li><a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#blog\">Blog<\/a><\/li>\n            <li><a href=\"https:\/\/urbanista.mx\/en\/rent-apartment-mexico-city\/\">Why Urbanista?<\/a><\/li>\n            <li><a href=\"https:\/\/urbanista.mx\/en\/faqs\/\">FAQs<\/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\/en\/propuesta-4-2026\/#pasos\" class=\"nav-cta\">Schedule a visit<\/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\/WhatsApp-Image-2026-04-17-at-11.05.32-AM.jpeg\" alt=\"Oasis Urbano Interior\">\n        <div class=\"in-hero-content\">\n            <div class=\"pilares-nav hero-pilares\">\n                <a href=\"https:\/\/urbanista.mx\/en\/renta-facil\/\" class=\"pilar-nav-btn\">Easy Rent<\/a>\n                <a href=\"https:\/\/urbanista.mx\/en\/comparte-y-recarga\/\" class=\"pilar-nav-btn\">Gather &amp; Recharge<\/a>\n                <a href=\"#\" class=\"pilar-nav-btn active\"><div class=\"nav-dot\"><\/div> Urban Oasis<\/a>\n            <\/div>\n            <h1 class=\"in-hero-title translation-block\">Live above <br> the noise.<\/h1>\n            <p class=\"in-hero-subtitle translation-block\">You worked hard all day. Your place should fuel you, not hold you back. <br>Now it\u2019s time to rest.<\/p>\n            <p>True insulation. True security. Your city sanctuary.<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"content-section\">\n        <div class=\"content-left\">\n            <h4 style=\"text-align: center;\">Your apartment is your sanctuary. <\/h4>\n            <p class=\"refugio-text translation-block\">We designed every detail <span> so that when you walk through the door, you leave your troubles behind.<\/span><\/p>\n\n            <div class=\"features-grid\">\n                <div class=\"features-top-row\">\n                    <div class=\"feat-item-horiz\">\n                        <div class=\"feat-icon feat-icon-horiz\">\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M3 8h18\"\/><path d=\"M3 12h18\"\/><path d=\"M3 16h12\"\/><path d=\"M17 16c1.5 0 2.5 1 2.5 2.5S18.5 21 17 21\"\/><path d=\"M19 8c1.5 0 2.5-1 2.5-2.5S20.5 3 19 3\"\/><\/svg>\n                        <\/div>\n                        <div class=\"feat-text\">\n                            <h3 class=\"feat-title\">Air Conditioning<\/h3>\n                            <p class=\"feat-desc\">*Most of our buildings feature air conditioning to keep the heat out of your space. Unit-specific.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feat-item-horiz\">\n                        <div class=\"feat-icon feat-icon-horiz\">\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M11 5L6 9H2v6h4l5 4V5z\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                        <\/div>\n                        <div class=\"feat-text\">\n                            <h3 class=\"feat-title\">Soundproof windows.<\/h3>\n                            <p class=\"feat-desc\">Building-wide soundproofing. The traffic, the neighbors, the city\u2014it all stays outside.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"features-bottom-row\">\n                    <div class=\"feat-item-vert\">\n                        <div class=\"feat-icon feat-icon-vert\">\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"\/><\/svg>\n                        <\/div>\n                        <div class=\"feat-text\">\n                            <h3 class=\"feat-title\">Fire Protection<\/h3>\n                            <p class=\"feat-desc\">Sprinklers, smoke detectors, and modern systems throughout all our buildings.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feat-item-vert\">\n                        <div class=\"feat-icon feat-icon-vert\">\n                            <svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"8\" width=\"14\" height=\"6\" rx=\"1.5\"\/><path d=\"M16 10l5-2v6l-5-2\"\/><circle cx=\"5.5\" cy=\"11\" r=\"1\"\/><path d=\"M9 14v3\"\/><path d=\"M6 17h6\"\/><\/svg>\n                        <\/div>\n                        <div class=\"feat-text\">\n                            <h3 class=\"feat-title\">Sophisticated camera system<\/h3>\n                            <p class=\"feat-desc\">Full coverage of common areas. Know that you\u2019re protected.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feat-item-vert\">\n                        <div class=\"feat-icon feat-icon-vert\">\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                        <\/div>\n                        <div class=\"feat-text\">\n                            <h3 class=\"feat-title\">Controlled access and 24\/7 security<\/h3>\n                            <p class=\"feat-desc\">Digital locks, controlled access, and security personnel always on-site.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"content-right\">\n            <h2 class=\"quote-text\">When you move in here, you thrive out there.<\/h2>\n\n            <a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#pasos\" class=\"oasis-cta\">\n                <span class=\"oasis-cta-label\">Schedule a visit<\/span>\n                <span class=\"oasis-cta-arrow\">\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                <\/span>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <footer>\n        <div class=\"footer-top\">\n            <div class=\"footer-brand\">\n                <div class=\"footer-brand-name\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista-768x353.png.webp\" alt=\"Urbanista\" class=\"footer-logo-img\"><\/div>\n                <p>CDMX apartments for rent designed for you to live well, grow fast, and enjoy every day.<\/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                    Best Residential Development Award: 2023 &amp; 2025\n                <\/p>\n            <\/div>\n            <div class=\"footer-col\">\n                <h4>Communities<\/h4>\n                <div class=\"footer-comunidades-grid\">\n                    <a href=\"https:\/\/urbanista.mx\/en\/amalia-napoles\/\">Amalia \u00b7 N\u00e1poles<\/a><a href=\"https:\/\/urbanista.mx\/en\/amalia-napoles\/\">In\u00e9s \u00b7 Polanco<\/a><a href=\"https:\/\/urbanista.mx\/en\/amalia-napoles\/\">Magda \u00b7 Roma Sur<\/a><a href=\"https:\/\/urbanista.mx\/en\/amalia-napoles\/\">Josefa \u00b7 Reforma<\/a><a href=\"https:\/\/urbanista.mx\/en\/matilde-juarez\/\">Matilde \u00b7 Ju\u00e1rez<\/a><a href=\"https:\/\/urbanista.mx\/en\/matilde-juarez\/\">Natalia \u00b7 Doctores<\/a><a href=\"https:\/\/urbanista.mx\/en\/joaquina-del-valle\/\">Joaquina \u00b7 Del Valle<\/a><a href=\"https:\/\/urbanista.mx\/en\/leona-condesa\/\">Leona \u00b7 Condesa<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"footer-col\">\n                <h4>Contact<\/h4>\n                <a href=\"https:\/\/urbanista.mx\/en\/propuesta-4-2026\/#pasos\" style=\"color:var(--terra-light);font-weight:600;\">Book a tour<\/a>\n                <a href=\"mailto:hola@urbanista.mx\">hola@urbanista.mx<\/a>\n                <a href=\"https:\/\/urbanista.mx\/en\/faqs\/\">FAQs<\/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\"><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\/en\/aviso-de-privacidad\/\">Privacy notice<\/a> <span>|<\/span> <a href=\"https:\/\/urbanista.mx\/en\/terminos-y-condiciones\/\">Terms and Conditions<\/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        const nav=document.getElementById('mainNav');\n        window.addEventListener('scroll',()=>nav.classList.toggle('scrolled',window.scrollY>50));\n        const navToggle=document.getElementById('navToggle');const mobileMenu=document.getElementById('mobileMenu');\n        if(navToggle){navToggle.addEventListener('click',function(){this.classList.toggle('open');mobileMenu.classList.toggle('open');document.body.style.overflow=mobileMenu.classList.contains('open')?'hidden':''})}\n        document.querySelectorAll('.mobile-nav-link').forEach(link=>{link.addEventListener('click',()=>{navToggle.classList.remove('open');mobileMenu.classList.remove('open');document.body.style.overflow=''})});\n    <\/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>","protected":false},"excerpt":{"rendered":"<p>Urbanista \u2014 Oasis Urbano 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 &#038; RECARGA OASIS URBANO Vive por encimadel ruido. Trabajaste duro todo el d\u00eda. Tu depa deber\u00eda impulsarte, no frenarte.Ahora es tiempo de descansar. Aislamiento real. Seguridad real. Tu [&hellip;]<\/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-23043","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23043","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=23043"}],"version-history":[{"count":28,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23043\/revisions"}],"predecessor-version":[{"id":23560,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/23043\/revisions\/23560"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=23043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}