Urbanista \u2014 Departamentos en Renta en CDMX sin Aval | N\u00e1poles, Polanco, Roma<\/title>\n<meta name=\"description\" content=\"Departamentos y studios en renta en CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h. Disponibles en N\u00e1poles, Polanco, Roma Sur, Reforma, Condesa y Del Valle.\">\n<meta name=\"keywords\" content=\"departamentos en renta CDMX, renta sin aval Ciudad de M\u00e9xico, studios en renta CDMX, departamentos amueblados CDMX, renta Polanco, renta Roma, renta Reforma, renta Condesa, departamentos renta 12 meses, Urbanista departamentos\">\n<meta name=\"robots\" content=\"index, follow\">\n<meta name=\"author\" content=\"Urbanista\">\n<link rel=\"canonical\" href=\"https:\/\/urbanista.mx\/\">\n<link rel=\"icon\" type=\"image\/webp\" href=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png.webp\">\n<meta name=\"theme-color\" content=\"#004e64\">\n\n\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/urbanista.mx\/\">\n<meta property=\"og:title\" content=\"Urbanista \u2014 Departamentos en Renta en CDMX sin Aval\">\n<meta property=\"og:description\" content=\"Studios y depas en renta a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h. Sin aval, sin complicaciones. Disponibles en las mejores colonias de CDMX.\">\n<meta property=\"og:image\" content=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/amalia-fachada.jpg\">\n<meta property=\"og:image:width\" content=\"1200\">\n<meta property=\"og:image:height\" content=\"630\">\n<meta property=\"og:image:alt\" content=\"Urbanista \u2014 Departamentos en renta en CDMX\">\n<meta property=\"og:locale\" content=\"es_MX\">\n<meta property=\"og:site_name\" content=\"Urbanista\">\n\n\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:site\" content=\"@urbanistamx\">\n<meta name=\"twitter:title\" content=\"Urbanista \u2014 Departamentos en Renta en CDMX sin Aval\">\n<meta name=\"twitter:description\" content=\"Studios y depas en renta a 12 meses con servicios incluidos. Sin aval. Confirmaci\u00f3n en 24h. Las mejores colonias de CDMX.\">\n<meta name=\"twitter:image\" content=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/amalia-fachada.jpg\">\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Urbanista\",\n \"url\": \"https:\/\/urbanista.mx\",\n \"logo\": \"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png.webp\",\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+52-55-1234-5678\",\n \"contactType\": \"customer service\",\n \"availableLanguage\": \"Spanish\"\n },\n \"sameAs\": [\n \"https:\/\/www.instagram.com\/urbanista.mx\",\n \"https:\/\/www.facebook.com\/urbanistamx\"\n ]\n}\n<\/script>\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"LocalBusiness\",\n \"name\": \"Urbanista \u2014 Departamentos en Renta CDMX\",\n \"description\": \"Departamentos y studios en renta en CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h.\",\n \"url\": \"https:\/\/urbanista.mx\",\n \"telephone\": \"+52-55-1234-5678\",\n \"email\": \"hola@urbanista.mx\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Ciudad de M\u00e9xico\",\n \"addressRegion\": \"CDMX\",\n \"addressCountry\": \"MX\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": \"19.4326\",\n \"longitude\": \"-99.1332\"\n },\n \"priceRange\": \"$$$\",\n \"openingHours\": \"Mo-Su 09:00-21:00\",\n \"aggregateRating\": {\n \"@type\": \"AggregateRating\",\n \"ratingValue\": \"4.9\",\n \"reviewCount\": \"120\"\n }\n}\n<\/script>\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/js.hsforms.net\">\n<link rel=\"preconnect\" href=\"https:\/\/forms.hubspot.com\">\n<link rel=\"preconnect\" href=\"https:\/\/urbanista.mx\">\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\" media=\"print\" onload=\"this.media='all'\">\n<noscript><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\"><\/noscript>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n URBANISTA \u2014 STYLESHEET UNIFICADO\n Todos los estilos en un solo archivo.\n Los bloques de formulario est\u00e1n comentados en espa\u00f1ol.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n:root {\n --blue: #004e64;\n --blue-dark: #003847;\n --blue-deeper: #002a36;\n --blue-light: #0a7e8c;\n --blue-pale: #e8f4f8;\n --accent: #00b4d8;\n --accent-glow: rgba(0,180,216,0.3);\n --white: #ffffff;\n --off-white: #f5f9fa;\n --text-dark: #1a2a30;\n --text-mid: #4a6670;\n --text-light: #7a9aa5;\n --transition: cubic-bezier(0.16,1,0.3,1);\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth;overflow-x:hidden}\nbody{font-family:'DM Sans',sans-serif;font-weight:400;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}\n\n.cursor-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;mix-blend-mode:difference;transition:transform .1s}\n.cursor-ring{width:40px;height:40px;border:1.5px solid rgba(0,180,216,.4);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transition:all .15s ease-out;transform:translate(-50%,-50%)}\n.cursor-ring.hover{width:64px;height:64px;border-color:var(--accent);background:rgba(0,180,216,.06)}\n\n\/* \u2550\u2550\u2550 NAV \u2550\u2550\u2550 *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;transition:all .5s var(--transition)}\nnav.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);padding:14px 48px;border-bottom:1px solid rgba(0,78,100,.08);box-shadow:0 2px 20px rgba(0,78,100,.06)}\n.nav-logo img{height:26px;filter:brightness(0) invert(1);transition:filter .3s}\nnav.scrolled .nav-logo img{filter:none}\n.nav-links{display:flex;gap:32px;align-items:center;list-style:none}\n.nav-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:500;transition:color .3s;position:relative}\nnav.scrolled .nav-links a{color:var(--text-mid)}\n.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .4s var(--transition)}\n.nav-links a:hover{color:var(--white)}\nnav.scrolled .nav-links a:hover{color:var(--blue)}\n.nav-links a:hover::after{width:100%}\n.nav-cta{background:var(--accent)!important;color:var(--white)!important;padding:10px 24px!important;border-radius:100px;font-weight:700!important;font-size:12px!important;letter-spacing:1.5px!important;transition:transform .3s,box-shadow .3s!important}\n.nav-cta::after{display:none!important}\n.nav-cta:hover{transform:scale(1.05)!important;box-shadow:0 0 30px var(--accent-glow)!important}\n.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;position:relative}\n.nav-toggle span{width:24px;height:2px;background:var(--white);transition:all .3s;display:block}\nnav.scrolled .nav-toggle span{background:var(--blue)}\n.nav-toggle.open span{background:var(--white)!important}\n.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}\n.nav-toggle.open span:nth-child(2){opacity:0}\n.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}\n\n.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,42,54,.98);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{color:var(--white);text-decoration:none;font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:4px;transition:color .3s}\n.mobile-menu-overlay a:hover{color:var(--accent)}\n.mobile-menu-overlay .nav-cta-mobile{background:var(--accent);color:var(--white);padding:14px 36px;border-radius:100px;font-size:18px;letter-spacing:2px;margin-top:20px}\n\n.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 48px 80px;position:relative;overflow:hidden;background:var(--blue-deeper);text-align:center}\n.hero-video{position:absolute;inset:0;z-index:0}\n.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,42,54,.6) 0%,rgba(0,42,54,.3) 40%,rgba(0,42,54,.7) 100%);z-index:1}\n.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,216,.15) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}\n.hero::after{content:'';position:absolute;bottom:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,180,216,.1) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite reverse}\n@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}\n\n.hero-content{position:relative;z-index:2;max-width:900px;margin-bottom:40px}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,180,216,.15);border:1px solid rgba(0,180,216,.3);padding:8px 18px;border-radius:100px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:28px;opacity:0;transform:translateY(20px);animation:fadeUp .8s .3s var(--transition) forwards}\n.hero-badge .pulse{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}\n.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,8vw,110px);line-height:.95;letter-spacing:-1px;color:var(--white);margin-bottom:20px;opacity:0;transform:translateY(40px);animation:fadeUp 1s .5s var(--transition) forwards}\n.hero-title .accent{color:var(--accent);position:relative;display:inline-block}\n.hero-title .accent::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:5px;background:var(--accent);opacity:.3}\n.hero-sub{font-size:30px;color:rgba(255,255,255,.75);line-height:1.55;max-width:900px;margin:0 auto 36px;font-weight:400;opacity:0;transform:translateY(30px);animation:fadeUp 1s .7s var(--transition) forwards}\n.hero-stats{display:flex;gap:48px;justify-content:center;margin-bottom:10px;opacity:0;animation:fadeUp 1s .9s var(--transition) forwards}\n.stat-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--accent);line-height:1}\n.stat-label{font-size:13px;font-weight:500;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:1px;margin-top:4px}\n\n.hero-amenidades{position:relative;z-index:2;width:100%;max-width:1500px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;opacity:0;transform:translateY(40px);animation:fadeUp 1s 1.1s var(--transition) forwards}\n.hero-amen-col{height:390px;overflow:hidden;border-radius:16px;position:relative}\n.hero-amen-col-track{display:flex;flex-direction:column}\n.hero-amen-col:nth-child(1) .hero-amen-col-track{animation:scrollUp1 20s linear infinite}\n.hero-amen-col:nth-child(2) .hero-amen-col-track{animation:scrollDown1 24s linear infinite}\n.hero-amen-col:nth-child(3) .hero-amen-col-track{animation:scrollUp2 22s linear infinite}\n.hero-amen-card{width:100%;height:320px;flex-shrink:0;position:relative;overflow:hidden}\n.hero-amen-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}\n.hero-amen-col:hover .hero-amen-col-track{animation-play-state:paused}\n.hero-amen-col:hover .hero-amen-card img{transform:scale(1.03)}\n.hero-amen-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,42,54,.85) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}\n.hero-amen-label{font-family:'Bebas Neue',sans-serif;font-size:35px;color:var(--white);letter-spacing:2px}\n.hero-amen-sub{font-size:20px;color:#fff;margin-top:-10px}\n.hero-amen-tag{display:inline-block;margin-top:10px;background:rgba(0,180,216,.2);border:1px solid rgba(0,180,216,.4);color:var(--accent);padding:4px 14px;border-radius:100px;font-weight:600;font-size:11px;letter-spacing:1px;width:fit-content}\n@keyframes scrollUp1{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}\n@keyframes scrollDown1{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}\n@keyframes scrollUp2{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}\n.hero-amen-col::after{content:'';position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(0,42,54,.4) 0%,transparent 100%);z-index:2;pointer-events:none}\n.hero-amen-col::before{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(0deg,rgba(0,42,54,.4) 0%,transparent 100%);z-index:2;pointer-events:none}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2588\u2588 FORMULARIOS HUBSPOT \u2014 ESTILOS GLOBALES COMPARTIDOS\n \u2588\u2588 \n \u2588\u2588 Estos estilos aplican a TODOS los formularios HubSpot embebidos.\n \u2588\u2588 Se usan clases gen\u00e9ricas de HS (.hs-form, .hs-form-field, etc.)\n \u2588\u2588 dentro de contenedores espec\u00edficos para cada ubicaci\u00f3n.\n \u2588\u2588 \n \u2588\u2588 UBICACIONES DE FORMULARIOS:\n \u2588\u2588 1. Hero Form Bar \u2192 .hero-form-inner (horizontal)\n \u2588\u2588 2. Showcase \/ Comunidades \u2192 .hero-form-inner (dentro de .bs-forms-wrapper)\n \u2588\u2588 3. Steps \/ Pasos \u2192 #stepsHubspotForm (vertical)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n HERO FORM BAR \u2014 Barra de formulario principal debajo del hero\n Layout: horizontal (flex row), con dividers verticales entre campos\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.input {\n border-bottom: 0.1px solid #c3c3c3;\n}\n\/* Barra contenedora flotante *\/\n.hero-form-bar {\n position: relative;\n z-index: 10;\n margin-top: -50px;\n padding: 0 48px;\n}\n\n\/* Caja blanca con sombra y l\u00ednea accent izquierda *\/\n.hero-form-inner {\n max-width: 80%;\n margin: 0 auto;\n background: var(--white);\n border-radius: 20px;\n padding: 0 !important;\n box-shadow: 0 20px 60px rgba(0, 42, 54, .2), 0 0 0 1px rgba(0, 78, 100, .06);\n position: relative;\n overflow: hidden;\n}\n\n\/* L\u00ednea decorativa accent en el borde izquierdo *\/\n.hero-form-inner::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--accent), var(--blue));\n border-radius: 20px 0 0 20px;\n}\n\n\/* Layout flex horizontal del formulario HS *\/\n.hero-form-inner .hs-form {\n display: flex !important;\n flex-wrap: nowrap !important;\n align-items: stretch !important;\n gap: 0 !important;\n width: 100% !important;\n}\n\n\/* Cada campo del formulario = una \"celda\" con divider derecho *\/\n.hero-form-inner .hs-form-field {\n flex: 1 !important;\n min-width: 0 !important;\n position: relative !important;\n padding: 18px 24px !important;\n border-right: 1px solid rgba(0, 78, 100, .08) !important;\n}\n\n\/* Campo de tel\u00e9fono: el doble de ancho que los dem\u00e1s *\/\n.hero-form-inner .hs-form-field.hs-fieldtype-intl-phone,\n.hero-form-inner .hs-form-field:nth-child(2) {\n flex: 2 !important;\n}\n\n\/* \u00daltimo campo sin divider derecho *\/\n.hero-form-inner .hs-form-field:last-of-type {\n border-right: none !important;\n}\n\n\/* \u2500\u2500 LABELS: texto visible + icono \u2500\u2500 *\/\n.hero-form-inner .hs-form-field > label {\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n font-size: 10px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--accent) !important;\n font-family: 'DM Sans', sans-serif !important;\n margin-bottom: 6px !important;\n line-height: 1 !important;\n}\n\n.hero-form-inner .hs-form-field > label span {\n display: inline !important;\n visibility: visible !important;\n font-size: 10px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--accent) !important;\n}\n\n.hero-form-inner .hs-form-field > label::before {\n content: '';\n display: inline-block;\n width: 14px !important;\n height: 14px !important;\n flex-shrink: 0;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n opacity: .7;\n}\n\n\/* \u2500\u2500 ICONO + TEXTO EN LABEL (FIX HUBSPOT) \u2500\u2500 *\/\n.hero-form-inner .hs-form-field label{\n font-size:0;\n}\n\n.hero-form-inner .hs-form-field label::before{\n display:inline-flex;\n align-items:center;\n padding-left:26px;\n background-repeat:no-repeat;\n background-position:left center;\n background-size:18px;\n font-size:14px;\n font-weight:600;\n color:#0a2540;\n}\n\n\/* 1 Nombre *\/\n.hero-form-inner .hs-form-field:nth-child(1) label::before{\n content:\"Nombre\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'\/%3E%3Ccircle cx='12' cy='7' r='4'\/%3E%3C\/svg%3E\");\n}\n\n\/* 2 Tel\u00e9fono *\/\n.hero-form-inner .hs-form-field:nth-child(3) label::before{\n content:\"Tel\u00e9fono\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'\/%3E%3C\/svg%3E\");\n}\n\n\/* 3 Email *\/\n.hero-form-inner .hs-form-field:nth-child(2) label::before{\n content:\"Email\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'\/%3E%3Cpolyline points='22,6 12,13 2,6'\/%3E%3C\/svg%3E\");\n}\n\n\/* 4 Edificio *\/\n.hero-form-inner .hs-form-field:nth-child(4) label::before{\n content:\"Edificio\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'\/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'\/%3E%3C\/svg%3E\");\n}\n\n\/* 5 Presupuesto *\/\n.hero-form-inner .hs-form-field:nth-child(5) label::before{\n content:\"Presupuesto\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'\/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'\/%3E%3C\/svg%3E\");\n}\n\n\/* \u2500\u2500 INPUTS del hero form \u2500\u2500 *\/\n.hero-form-inner input[type=text],\n.hero-form-inner input[type=email],\n.hero-form-inner input[type=tel],\n.hero-form-inner input[type=number],\n.hero-form-inner select,\n.hero-form-inner .hs-input {\n width: 100% !important;\n border: none !important;\n border-radius: 0 !important;\n padding: 4px 0 2px !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n color: var(--text-dark) !important;\n background: transparent !important;\n outline: none !important;\n box-shadow: none !important;\n -webkit-appearance: none !important;\n line-height: 1.4 !important;\n}\n\n.hero-form-inner input::placeholder {\n color: var(--text-light) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n}\n\n.hero-form-inner input:focus,\n.hero-form-inner select:focus {\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* \u2500\u2500 Campo de tel\u00e9fono internacional \u2500\u2500 *\/\n.hero-form-inner .hs-fieldtype-intl-phone.hs-input {\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n width: 100% !important;\n}\n\n.hero-form-inner .hs-fieldtype-intl-phone.hs-input select {\n width: 14px !important;\n min-width: 46px !important;\n max-width: 8px !important;\n flex-shrink: 0 !important;\n border: none !important;\n border-radius: 0 !important;\n padding: 4px 0 2px !important;\n font-size: 13px !important;\n color: var(--text-dark) !important;\n background: transparent !important;\n line-height: 1.4 !important;\n cursor: pointer !important;\n}\n\n.hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field {\n min-width: 270px !important;\n}\n\n.hero-form-inner .hs-fieldtype-intl-phone.hs-input input {\n flex: 1 !important;\n width: auto !important;\n min-width: 0 !important;\n}\n\n\/* \u2500\u2500 Bot\u00f3n SUBMIT del hero form \u2500\u2500 *\/\n.hero-form-inner .hs-submit {\n flex-shrink: 0 !important;\n display: flex !important;\n align-items: center !important;\n padding: 12px 16px 12px 8px !important;\n}\n\n.hero-form-inner .hs-button {\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%) !important;\n color: var(--white) !important;\n border: none !important;\n padding: 16px 36px !important;\n border-radius: 14px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 18px !important;\n letter-spacing: 3px !important;\n cursor: pointer !important;\n transition: all .4s var(--transition) !important;\n white-space: nowrap !important;\n box-shadow: none !important;\n width: auto !important;\n}\n\n.hero-form-inner .hs-button:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 10px 30px rgba(0, 78, 100, .3) !important;\n}\n\n\/* \u2500\u2500 Mensajes de error \u2500\u2500 *\/\n.hero-form-inner .hs-error-msgs {\n position: absolute !important;\n bottom: 2px !important;\n left: 24px !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n.hero-form-inner .hs-error-msgs li { list-style: none !important }\n.hero-form-inner .hs-error-msg {\n color: #ff4444 !important;\n font-size: 10px !important;\n margin: 0 !important;\n}\n\n.hero-form-inner .hs-form-required { display: none !important }\n\n.hero-form-inner .legal-consent-container {\n font-size: 11px !important;\n color: var(--text-light) !important;\n flex-basis: 100% !important;\n margin-top: 8px !important;\n padding: 0 24px 16px !important;\n}\n.hero-form-inner .legal-consent-container a { color: var(--accent) !important }\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SIDEBAR DE FORMULARIOS \u2014 Se abre con bot\u00f3n \"Agendar Visita\"\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.option {\n color: #1a4b77 !important;\n}\n.sidebar-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0,20,30,.6);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n z-index: 9998;\n opacity: 0;\n pointer-events: none;\n transition: opacity .4s ease;\n}\n.sidebar-overlay.open { opacity: 1; pointer-events: all; }\n\n.sidebar-panel {\n position: fixed;\n top: 0;\n right: -480px;\n width: 460px;\n max-width: 92vw;\n height: 100vh;\n background: linear-gradient(180deg, #001a24 0%, #002a36 100%);\n z-index: 9999;\n overflow-y: auto;\n transition: right .45s cubic-bezier(.22,1,.36,1);\n box-shadow: -20px 0 60px rgba(0,0,0,.4);\n scrollbar-width: thin;\n scrollbar-color: var(--accent) transparent;\n}\n.sidebar-panel.open { right: 0; }\n\n.sidebar-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 28px 32px 20px;\n border-bottom: 1px solid rgba(0,180,216,.15);\n}\n\n.sidebar-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 28px;\n letter-spacing: 3px;\n color: var(--white);\n line-height: 1;\n}\n\n.sidebar-title span {\n color: var(--accent);\n}\n\n.sidebar-close {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,.15);\n background: rgba(255,255,255,.05);\n color: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all .3s ease;\n}\n.sidebar-close:hover { background: rgba(255,255,255,.12); border-color: var(--accent); }\n.sidebar-close svg { width: 18px; height: 18px; }\n\n.sidebar-body {\n padding: 32px;\n}\n\n.sidebar-building-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(0,180,216,.12);\n border: 1px solid rgba(0,180,216,.25);\n color: var(--accent);\n padding: 6px 16px;\n border-radius: 100px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 20px;\n}\n\n.sidebar-building-badge .live-dot {\n width: 6px; height: 6px;\n background: var(--accent);\n border-radius: 50%;\n animation: pulse 2s infinite;\n}\n\n.sidebar-form-container {\n min-height: 200px;\n}\n\n\/* \u2500\u2500 Sidebar vertical form styling (HubSpot old embed) \u2500\u2500 *\/\n.sidebar-form-container .hs-form {\n display: flex !important;\n flex-direction: column !important;\n gap: 0 !important;\n}\n\n.sidebar-form-container .hs-form-field {\n padding: 0 !important;\n margin-bottom: 20px !important;\n border: none !important;\n}\n\n.sidebar-form-container .hs-form-field > label {\n display: block !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--accent) !important;\n margin-bottom: 8px !important;\n}\n\n.sidebar-form-container .hs-form-field > label > span {\n font-size: 11px !important;\n color: var(--accent) !important;\n}\n\n.sidebar-form-container .hs-form-field .hs-input,\n.sidebar-form-container .hs-form-field input.hs-input,\n.sidebar-form-container .hs-form-field select.hs-input {\n width: 100% !important;\n background: rgba(255,255,255,.06) !important;\n border: 1px solid rgba(255,255,255,.12) !important;\n border-radius: 12px !important;\n padding: 14px 18px !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 15px !important;\n color: var(--white) !important;\n transition: border-color .3s ease, background .3s ease !important;\n outline: none !important;\n box-sizing: border-box !important;\n}\n\n.sidebar-form-container .hs-form-field .hs-input:focus {\n border-color: var(--accent) !important;\n background: rgba(0,180,216,.06) !important;\n}\n\n.sidebar-form-container .hs-form-field .hs-input::placeholder {\n color: rgba(255,255,255,.35) !important;\n}\n\n\/* Fix for select options contrast in sidebar *\/\n.sidebar-form-container .hs-form-field select.hs-input option {\n color: var(--text-dark) !important;\n background-color: var(--white) !important;\n}\n\n\/* Phone international field *\/\n.sidebar-form-container .hs-fieldtype-intl-phone {\n display: flex !important;\n gap: 10px !important;\n}\n\n.sidebar-form-container .hs-fieldtype-intl-phone select.hs-input {\n width: auto !important;\n min-width: 90px !important;\n max-width: 120px !important;\n flex-shrink: 0 !important;\n}\n\n.sidebar-form-container .hs-fieldtype-intl-phone input.hs-input {\n flex: 1 !important;\n}\n\n\/* Hidden fields *\/\n.sidebar-form-container .hs-form-field[style*=\"display: none\"],\n.sidebar-form-container .hs-form-field[style*=\"display:none\"] {\n display: none !important;\n margin: 0 !important;\n}\n\n\/* Legal consent *\/\n.sidebar-form-container .legal-consent-container {\n margin-top: 8px !important;\n margin-bottom: 20px !important;\n}\n\n.sidebar-form-container .legal-consent-container label {\n font-size: 12px !important;\n color: rgba(255,255,255,.45) !important;\n line-height: 1.5 !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n cursor: pointer !important;\n}\n\n.sidebar-form-container .legal-consent-container input[type=checkbox] {\n width: 18px !important;\n height: 18px !important;\n flex-shrink: 0 !important;\n margin-top: 2px !important;\n accent-color: var(--accent) !important;\n}\n\n.sidebar-form-container .hs-form-required {\n color: var(--accent) !important;\n}\n\n\/* Submit button *\/\n.sidebar-form-container .hs-submit .actions {\n margin-top: 4px !important;\n}\n\n.sidebar-form-container .hs-button {\n width: 100% !important;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%) !important;\n color: var(--white) !important;\n border: none !important;\n padding: 18px 32px !important;\n border-radius: 14px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 20px !important;\n letter-spacing: 4px !important;\n cursor: pointer !important;\n transition: all .4s var(--transition) !important;\n text-transform: uppercase !important;\n}\n\n.sidebar-form-container .hs-button:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 12px 36px rgba(0, 78, 100, .4) !important;\n}\n\n\/* Error messages *\/\n.sidebar-form-container .hs-error-msgs {\n color: #ff6b6b !important;\n font-size: 12px !important;\n margin-top: 6px !important;\n list-style: none !important;\n padding: 0 !important;\n}\n\n\/* \u2500\u2500 Botones CTA del showcase \u2500\u2500 *\/\n.bs-cta-row {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-top: 16px;\n}\n\n.bs-agendar-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%);\n color: var(--white);\n border: none;\n padding: 16px 32px;\n border-radius: 14px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 18px;\n letter-spacing: 3px;\n cursor: pointer;\n transition: all .4s var(--transition);\n text-transform: uppercase;\n box-shadow: 0 8px 32px rgba(0, 78, 100, .3);\n}\n\n.bs-agendar-cta:hover {\n transform: translateY(-3px);\n box-shadow: 0 14px 44px rgba(0, 78, 100, .45);\n}\n\n.bs-agendar-cta svg {\n stroke: var(--white);\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n STEPS FORM \u2014 Formulario VERTICAL en la secci\u00f3n \"C\u00f3mo funciona\"\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n#stepsHubspotForm .hs-form {\n display: flex !important;\n flex-direction: column !important;\n gap: 0 !important;\n width: 100% !important;\n}\n\n#stepsHubspotForm .hs-form-field {\n position: relative !important;\n padding: 14px 0 !important;\n border-bottom: 1px solid rgba(0, 78, 100, .08) !important;\n}\n\n#stepsHubspotForm .hs-form-field:last-of-type {\n border-bottom: none !important;\n}\n\n#stepsHubspotForm .hs-form-field > label {\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n font-size: 10px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--accent) !important;\n font-family: 'DM Sans', sans-serif !important;\n margin-bottom: 6px !important;\n line-height: 1 !important;\n}\n\n#stepsHubspotForm .hs-form-field > label span {\n display: inline !important;\n visibility: visible !important;\n color: var(--accent) !important;\n}\n\n#stepsHubspotForm .hs-form-field > label::before {\n content: '';\n display: inline-block;\n width: 14px !important;\n height: 14px !important;\n flex-shrink: 0;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n opacity: .7;\n}\n\n#stepsHubspotForm .hs-form-field:nth-child(1) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'\/%3E%3Ccircle cx='12' cy='7' r='4'\/%3E%3C\/svg%3E\") !important;\n}\n#stepsHubspotForm .hs-form-field:nth-child(2) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'\/%3E%3C\/svg%3E\") !important;\n}\n#stepsHubspotForm .hs-form-field:nth-child(3) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'\/%3E%3Cpolyline points='22,6 12,13 2,6'\/%3E%3C\/svg%3E\") !important;\n}\n#stepsHubspotForm .hs-form-field:nth-child(4) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'\/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'\/%3E%3C\/svg%3E\") !important;\n}\n#stepsHubspotForm .hs-form-field:nth-child(5) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'\/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'\/%3E%3C\/svg%3E\") !important;\n}\n\n#stepsHubspotForm input[type=text],\n#stepsHubspotForm input[type=email],\n#stepsHubspotForm input[type=tel],\n#stepsHubspotForm input[type=number],\n#stepsHubspotForm select,\n#stepsHubspotForm .hs-input {\n width: 100% !important;\n border: none !important;\n border-bottom: 1.5px solid rgba(0, 78, 100, .1) !important;\n border-radius: 0 !important;\n padding: 8px 0 6px !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n color: var(--text-dark) !important;\n background: transparent !important;\n outline: none !important;\n box-shadow: none !important;\n transition: border-color .3s !important;\n}\n\n#stepsHubspotForm input:focus,\n#stepsHubspotForm select:focus {\n border-bottom-color: var(--accent) !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n#stepsHubspotForm input::placeholder {\n color: var(--text-light) !important;\n font-size: 14px !important;\n}\n\n#stepsHubspotForm .hs-fieldtype-intl-phone.hs-input {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n width: 100% !important;\n}\n\n#stepsHubspotForm .hs-fieldtype-intl-phone.hs-input select {\n width: 80px !important;\n min-width: 80px !important;\n max-width: 80px !important;\n flex-shrink: 0 !important;\n border: none !important;\n border-bottom: 1.5px solid rgba(0, 78, 100, .1) !important;\n padding: 8px 0 6px !important;\n font-size: 14px !important;\n color: var(--text-dark) !important;\n background: transparent !important;\n cursor: pointer !important;\n}\n\n#stepsHubspotForm .hs-fieldtype-intl-phone.hs-input input {\n flex: 1 !important;\n width: auto !important;\n min-width: 0 !important;\n}\n\n#stepsHubspotForm .hs-submit {\n margin-top: 20px !important;\n}\n\n#stepsHubspotForm .hs-button {\n width: 100% !important;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%) !important;\n color: var(--white) !important;\n border: none !important;\n padding: 18px 36px !important;\n border-radius: 14px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 20px !important;\n letter-spacing: 3px !important;\n cursor: pointer !important;\n transition: all .4s var(--transition) !important;\n}\n\n#stepsHubspotForm .hs-button:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 10px 30px rgba(0, 78, 100, .3) !important;\n}\n\n#stepsHubspotForm .hs-error-msgs {\n margin: 4px 0 0 !important;\n padding: 0 !important;\n}\n#stepsHubspotForm .hs-error-msgs li { list-style: none !important }\n#stepsHubspotForm .hs-error-msg {\n color: #ff4444 !important;\n font-size: 11px !important;\n}\n\n#stepsHubspotForm .hs-form-required { display: none !important }\n\n#stepsHubspotForm .legal-consent-container {\n font-size: 11px !important;\n color: var(--text-light) !important;\n margin-top: 12px !important;\n}\n#stepsHubspotForm .legal-consent-container a { color: var(--accent) !important }\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2588\u2588 RESPONSIVE \u2014 FORMULARIOS EN MOBILE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n@media (max-width: 1024px) {\n .hero-form-inner {\n max-width: 100% !important;\n width: 100% !important;\n }\n\n .hero-form-inner .hs-form {\n flex-direction: column !important;\n }\n\n .hero-form-inner .hs-form-field {\n border-right: none !important;\n border-bottom: 1px solid rgba(0, 78, 100, .06) !important;\n padding: 14px 20px !important;\n flex: unset !important;\n }\n\n .hero-form-inner .hs-form-field.hs-fieldtype-intl-phone,\n .hero-form-inner .hs-form-field:nth-child(2) {\n flex: unset !important;\n }\n\n .hero-form-inner .hs-form-field:last-of-type {\n border-bottom: none !important;\n }\n\n .hero-form-inner .hs-submit {\n padding: 12px 20px 20px !important;\n }\n\n .hero-form-inner .hs-button {\n width: 100% !important;\n text-align: center !important;\n }\n\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FIN DE ESTILOS DE FORMULARIOS \u2014 INICIO DE ESTILOS GENERALES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\n.marquee-section{padding:20px 0;overflow:hidden;background:var(--off-white);border-bottom:1px solid rgba(0,78,100,.06)}\n.marquee-track{display:flex;animation:marquee 40s linear infinite;white-space:nowrap}\n.marquee-item{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:4px;color:#004e64;padding:0 32px;display:flex;align-items:center;gap:32px;flex-shrink:0}\n.marquee-item .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;opacity:.3}\n\n\/* \u2550\u2550\u2550 COMUNIDADES \u2550\u2550\u2550 *\/\n.comunidades-wrapper{height:100vh;display:flex;flex-direction:column;position:relative;background:var(--blue-deeper)}\n.view-toggle{display:flex;justify-content:center;gap:4px;padding:10px 0;background:rgba(0,42,54,.95);border-bottom:1px solid rgba(255,255,255,.06);z-index:30;flex-shrink:0}\n.view-toggle-btn{padding:8px 22px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:100px;cursor:pointer;transition:all .3s;font-family:'DM Sans',sans-serif;display:flex;align-items:center;gap:8px}\n.view-toggle-btn.active{color:var(--white);background:rgba(0,180,216,.15);border-color:var(--accent)}\n.view-toggle-btn:hover{color:rgba(255,255,255,.7)}\n.view-toggle-btn svg{width:14px;height:14px}\n\n.showcase-view{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}\n.showcase-view.hidden{display:none}\n.bs-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;z-index:1}\n.bs-slide.active{opacity:1;z-index:2}\n.bs-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 8s ease}\n.bs-slide.active img{transform:scale(1)}\n.bs-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,42,54,.4) 0%,rgba(0,42,54,.15) 30%,rgba(0,42,54,.88) 100%)}\n.bs-content{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 48px}\n.bs-info-tag{display:inline-flex;align-items:center;gap:6px;background:#00b4d8;border:1px solid rgba(0,180,216,.4);color:#ffffff;padding:5px 14px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}\n.bs-info-tag .live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}\n.bs-info-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,11vw,130px);color:var(--white);line-height:.85;letter-spacing:6px;margin-bottom:10px}\n.bs-description{font-size:26px;color:#ffffff;line-height:1.55;max-width:1000px;margin:0 auto 16px;font-weight:400;background-color:#002a36}\n.bs-info-zone{font-size:20px;color:#fff;margin-bottom:6px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}\n.bs-info-zone svg{width:15px;height:15px;stroke:var(--accent);flex-shrink:0}\n.bs-price{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4vw,75px);color:var(--white);line-height:1;margin-bottom:2px}\n.bs-price-note {\n font-size: 13px;\n color: var(--text-light);\n margin-bottom: 24px;\n}\n\n\/* \u2500\u2500 Botones CTA del showcase \u2500\u2500 *\/\n.bs-cta-row {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-top: 16px;\n}\n\n.bs-agendar-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%);\n color: var(--white);\n border: none;\n padding: 16px 32px;\n border-radius: 14px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 18px;\n letter-spacing: 3px;\n cursor: pointer;\n transition: all .4s var(--transition);\n text-transform: uppercase;\n box-shadow: 0 8px 32px rgba(0, 78, 100, .3);\n}\n\n.bs-agendar-cta:hover {\n transform: translateY(-3px);\n box-shadow: 0 14px 44px rgba(0, 78, 100, .45);\n}\n\n.bs-agendar-cta svg {\n stroke: var(--white);\n}\n.bs-conoce{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid rgba(255,255,255,.35);color:var(--white);padding:12px 32px;border-radius:100px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all .4s var(--transition)}\n.bs-conoce:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}\n.bs-conoce svg{width:16px;height:16px;transition:transform .3s}\n.bs-conoce:hover svg{transform:translateX(3px)}\n\n.bs-arrows{position:absolute;top:50%;z-index:15;display:flex;justify-content:space-between;left:16px;right:16px;transform:translateY(-50%);pointer-events:none}\n.bs-arrow{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--white);pointer-events:auto}\n.bs-arrow:hover{background:var(--accent);border-color:var(--accent)}\n.bs-arrow svg{width:18px;height:18px}\n.bs-selector{display:flex;background:rgba(0,42,54,.85);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);z-index:20;flex-shrink:0;overflow-x:auto;scrollbar-width:none}\n.bs-selector::-webkit-scrollbar{display:none}\n.bs-tab{flex:1;min-width:0;padding:14px 6px;cursor:pointer;text-align:center;transition:all .4s;position:relative;border-right:1px solid rgba(255,255,255,.04)}\n.bs-tab:last-child{border-right:none}\n.bs-tab::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .4s var(--transition)}\n.bs-tab.active::before{transform:scaleX(1)}\n.bs-tab:hover{background:rgba(255,255,255,.04)}\n.bs-tab.active{background:rgba(0,180,216,.08)}\n.bs-tab-name{font-family:'Bebas Neue',sans-serif;font-size:35px;color:rgba(255,255,255,.3);letter-spacing:2px;transition:color .3s}\n.bs-tab.active .bs-tab-name{color:var(--white)}\n.bs-tab-zone{font-size:15px;color:rgba(255,255,255,.18);text-transform:uppercase;letter-spacing:1px;margin-top:-5px;transition:color .3s}\n.bs-tab.active .bs-tab-zone{color:rgba(255,255,255,.4)}\n.bs-progress{position:absolute;bottom:0;left:0;right:0;z-index:25;height:2px;background:rgba(255,255,255,.06)}\n.bs-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .4s var(--transition)}\n\n\/* Contenedor de formularios del showcase \u2014 posiciona los forms apilados *\/\n.bs-forms-wrapper {\n position: relative;\n width: 80vw !important;\n max-width: 80% !important;\n margin: 0 auto !important;\n}\n\n.grid-view{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start;scrollbar-width:none}\n.grid-view::-webkit-scrollbar{display:none}\n.grid-view.hidden{display:none}\n.grid-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer}\n.grid-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--transition)}\n.grid-card:hover img{transform:scale(1.06)}\n.grid-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,42,54,.9) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:background .3s}\n.grid-card:hover .grid-card-overlay{background:linear-gradient(180deg,transparent 15%,rgba(0,42,54,.95) 100%)}\n.grid-card-tag{position:absolute;top:12px;left:12px;background:var(--accent);color:var(--white);padding:3px 10px;border-radius:100px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}\n.grid-card-tag.sold-out{background:rgba(255,255,255,.15);backdrop-filter:blur(8px)}\n.grid-card-tag.coming{background:rgba(0,180,216,.3);border:1px solid var(--accent)}\n.grid-card-name{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--white);line-height:1}\n.grid-card-zone{font-size:11px;color:rgba(255,255,255,.4);margin-top:2px}\n.grid-card-price{font-weight:700;font-size:13px;color:var(--white);margin-top:8px}\n.grid-card-price small{font-weight:400;font-size:10px;color:rgba(255,255,255,.3);display:block}\n.grid-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:var(--accent);color:var(--white);padding:7px 16px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;opacity:0;transform:translateY(8px);transition:all .4s var(--transition)}\n.grid-card:hover .grid-card-cta{opacity:1;transform:translateY(0)}\n.grid-card-cta svg{width:12px;height:12px}\n\nsection{padding:100px 48px;position:relative}\n.section-label{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:16px}\n.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,5.5vw,72px);line-height:1;margin-bottom:20px;color:var(--blue)}\n.section-desc{font-size:22px;color:var(--text-mid);line-height:1.65;font-weight:400}\n\n.concepto{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}\n.concepto-visual{height:100%}\n.concepto-img{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative}\n.concepto-img img{width:100%;height:100%;display:block;transition:transform .6s;object-fit:cover}\n.concepto-img:hover img{transform:scale(1.03)}\n.concepto-floating-card{position:absolute;bottom:-30px;right:-30px;background:linear-gradient(135deg,var(--blue),var(--blue-light));color:var(--white);padding:28px;border-radius:16px;max-width:220px;box-shadow:0 20px 40px rgba(0,78,100,.2)}\n.concepto-floating-card .number{font-family:'Bebas Neue',sans-serif;font-size:48px;line-height:1}\n.concepto-floating-card .label{font-size:13px;font-weight:600;margin-top:4px}\n.concepto-features{display:flex;flex-direction:column;gap:5px;margin-top:40px}\n.feature-item{display:flex;gap:6px;align-items:flex-start;padding:20px;border-radius:12px;transition:background .3s}\n.feature-item:hover{background:var(--blue-pale)}\n.feature-icon{width:44px;height:44px;background:rgba(0,180,216,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.feature-icon svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.5}\n.feature-text h4{font-size:25px;font-weight:700;margin-bottom:4px;color:var(--blue)}\n.feature-text p{font-size:20px;color:var(--text-mid);line-height:1.55;font-weight:400}\n\n\/* \u2550\u2550\u2550 EXPERIENCE SECTION \u2550\u2550\u2550 *\/\n.experience-section{background:var(--blue-deeper);color:var(--white);position:relative;overflow:hidden;padding:0}\n.exp-bg-mesh{position:absolute;inset:0;overflow:hidden;z-index:0}\n.exp-bg-mesh .orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:orbFloat 12s ease-in-out infinite}\n.exp-bg-mesh .orb:nth-child(1){width:600px;height:600px;background:var(--accent);top:-10%;right:-10%;animation-delay:0s}\n.exp-bg-mesh .orb:nth-child(2){width:400px;height:400px;background:#0a7e8c;bottom:-5%;left:-5%;animation-delay:-4s}\n.exp-bg-mesh .orb:nth-child(3){width:300px;height:300px;background:var(--accent);top:50%;left:40%;animation-delay:-8s}\n@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}\n\n.exp-header{position:relative;z-index:2;text-align:center;padding:80px 48px 40px}\n.experience-section .section-label{color:var(--accent)}\n.experience-section .section-title{color:var(--white)}\n.experience-section .section-desc{color:rgba(255,255,255,.55);max-width:900px;margin:0 auto}\n\n.exp-cards-container{position:relative;z-index:2;overflow:hidden}\n.exp-cards-track{display:flex;gap:24px;padding:0 48px;will-change:transform;transition:transform .5s var(--transition)}\n\n.exp-card-v2{flex:0 0 30%;height:520px;border-radius:24px;overflow:hidden;position:relative;transition:transform .6s var(--transition)}\n.exp-card-v2:hover{transform:translateY(-12px)}\n.exp-card-v2-img{position:absolute;inset:0;z-index:0}\n.exp-card-v2-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transition)}\n.exp-card-v2:hover .exp-card-v2-img img{transform:scale(1.08)}\n.exp-card-v2-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,42,54,0) 0%,rgba(0,42,54,.2) 30%,rgba(0,42,54,.95) 100%);transition:background .5s}\n.exp-card-v2:hover .exp-card-v2-gradient{background:linear-gradient(180deg,rgba(0,42,54,0) 0%,rgba(0,42,54,.15) 20%,rgba(0,42,54,.97) 90%)}\n.exp-card-v2-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:36px;display:flex;flex-direction:column;gap:12px}\n.exp-card-v2-icon{width:52px;height:52px;background:rgba(0,180,216,.15);backdrop-filter:blur(10px);border:1px solid rgba(0,180,216,.3);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all .4s}\n.exp-card-v2:hover .exp-card-v2-icon{background:var(--accent);border-color:var(--accent)}\n.exp-card-v2-icon svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.5;transition:stroke .4s}\n.exp-card-v2:hover .exp-card-v2-icon svg{stroke:var(--white)}\n.exp-card-v2-number{font-family:'Bebas Neue',sans-serif;font-size:80px;color:rgba(0,180,216,.08);position:absolute;top:24px;right:28px;line-height:1;z-index:2;transition:color .4s}\n.exp-card-v2:hover .exp-card-v2-number{color:rgba(0,180,216,.15)}\n.exp-card-v2 h3{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:2px;line-height:1;color:var(--white)}\n.exp-card-v2 p{font-size:20px;color:#fff;line-height:1.6;font-weight:400;transform:translateY(10px);opacity:0;transition:all .5s var(--transition)}\n.exp-card-v2:hover p{transform:translateY(0);opacity:1}\n.exp-card-v2-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(0,180,216,.12);border:1px solid rgba(0,180,216,.25);color:var(--accent);padding:5px 14px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;width:fit-content;transform:translateY(10px);opacity:0;transition:all .5s .1s var(--transition)}\n.exp-card-v2:hover .exp-card-v2-tag{transform:translateY(0);opacity:1}\n\n.exp-slider-control{position:relative;z-index:10;padding:30px 48px 80px;display:flex;align-items:center;gap:20px;max-width:800px;margin:0 auto}\n.exp-slider-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);white-space:nowrap}\n.exp-slider-label.end{text-align:right}\n.exp-range-wrapper{flex:1;position:relative;height:40px;display:flex;align-items:center}\n.exp-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:4px;outline:none;cursor:pointer;position:relative;z-index:2}\n.exp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:grab;border:3px solid var(--white);box-shadow:0 0 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s;animation:thumbNudge 2.5s ease-in-out infinite}\n.exp-range::-webkit-slider-thumb:hover,.exp-range::-webkit-slider-thumb:active{animation:none}\n.exp-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 30px var(--accent-glow),0 4px 12px rgba(0,0,0,.4)}\n.exp-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}\n.exp-range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:grab;border:3px solid var(--white);box-shadow:0 0 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.3);animation:thumbNudge 2.5s ease-in-out infinite}\n.exp-range::-moz-range-thumb:hover,.exp-range::-moz-range-thumb:active{animation:none}\n.exp-range.interacted::-webkit-slider-thumb{animation:none}\n.exp-range.interacted::-moz-range-thumb{animation:none}\n@keyframes thumbNudge{0%,100%{transform:scale(1);box-shadow:0 0 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.3)}15%{transform:scale(1.25) translateX(8px);box-shadow:0 0 35px var(--accent-glow),0 4px 16px rgba(0,0,0,.4)}30%{transform:scale(1.1) translateX(-4px);box-shadow:0 0 25px var(--accent-glow),0 3px 10px rgba(0,0,0,.35)}42%{transform:scale(1.18) translateX(5px);box-shadow:0 0 30px var(--accent-glow),0 3px 12px rgba(0,0,0,.35)}55%{transform:scale(1)}}.exp-range-fill{position:absolute;top:50%;left:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--blue-light));border-radius:4px;transform:translateY(-50%);pointer-events:none;z-index:1;transition:width .05s linear}\n.exp-slider-hint{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.2);white-space:nowrap;display:flex;align-items:center;gap:8px;transition:opacity .3s}\n.exp-slider-hint svg{width:14px;height:14px;stroke:rgba(255,255,255,.25);fill:none;stroke-width:2;animation:sliderHintPulse 2s ease-in-out infinite}\n@keyframes sliderHintPulse{0%,100%{opacity:.4}50%{opacity:1}}\n\n\/* \u2550\u2550\u2550 STEPS SECTION \u2550\u2550\u2550 *\/\n.steps-section *,.steps-section *::before,.steps-section *::after{box-sizing:border-box!important;margin:0;padding:0}\n.steps-section h3,.steps-section h4,.steps-section p,.steps-section label,.steps-section span{margin:0;padding:0}\n.steps-section input,.steps-section select,.steps-section button{margin:0;font-family:inherit}\n.steps-section{padding:120px 48px!important;background:var(--white)!important;position:relative;overflow:hidden;display:block!important}\n.steps-section::before{content:'';position:absolute;top:0;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,180,216,.04) 0%,transparent 70%);transform:translateX(-50%);border-radius:50%;pointer-events:none}\n.steps-header{text-align:center;margin-bottom:80px;position:relative;z-index:2}\n.steps-layout{position:relative!important;z-index:2;max-width:1200px;margin:0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important;align-items:start!important;box-sizing:border-box!important}\n\n.step-form-card{background:var(--off-white);border:1px solid rgba(0,78,100,.08);border-radius:24px;padding:48px;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:all .8s .1s var(--transition);box-sizing:border-box!important}\n.step-form-card.animate{opacity:1;transform:translateY(0)}\n.step-form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--blue-light))}\n.step-form-badge{display:inline-flex!important;align-items:center;gap:10px;margin-bottom:28px}\n.step-form-num{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-light));display:flex!important;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--white);flex-shrink:0}\n.step-form-badge-text{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}\n.step-form-title{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:2px;color:var(--blue)!important;line-height:1;margin-bottom:8px}\n.step-form-desc{font-size:15px;color:var(--text-mid);line-height:1.55;margin-bottom:32px}\n\n.steps-right{display:flex!important;flex-direction:column!important;gap:0!important;padding-top:20px;box-sizing:border-box!important}\n.step-row{display:flex!important;gap:24px!important;align-items:flex-start!important;padding:32px 0!important;border-bottom:1px solid rgba(0,78,100,.06);opacity:0;transform:translateX(40px);transition:all .8s var(--transition);box-sizing:border-box!important}\n.step-row.animate{opacity:1!important;transform:translateX(0)!important}\n.step-row:last-of-type{border-bottom:none}\n.steps-right .step-row:nth-child(1){transition-delay:.3s}\n.steps-right .step-row:nth-child(3){transition-delay:.5s}\n.steps-right .step-row:nth-child(5){transition-delay:.7s}\n.step-row-num{width:56px!important;height:56px!important;min-width:56px;border-radius:50%!important;background:linear-gradient(135deg,var(--blue),var(--blue-light))!important;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;position:relative}\n.step-row-num span{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--white)!important;line-height:1}\n.step-row-num-icon{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:var(--accent);border-radius:50%;display:flex!important;align-items:center;justify-content:center;border:2px solid var(--white)}\n.step-row-num-icon svg{width:12px;height:12px;stroke:var(--white);fill:none;stroke-width:2.5}\n.step-row-body{flex:1!important;min-width:0}\n.step-row-body h4{font-size:20px;font-weight:700;color:var(--blue)!important;margin-bottom:6px}\n.step-row-body p{font-size:15px;color:var(--text-mid);line-height:1.55}\n.step-row-tag{margin-top:12px;display:inline-flex!important;align-items:center;gap:6px;background:rgba(0,180,216,.08);border:1px solid rgba(0,180,216,.2);color:var(--accent)!important;padding:5px 14px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}\n.step-connector{width:2px!important;height:20px!important;background:linear-gradient(180deg,var(--accent),rgba(0,180,216,.1))!important;margin:0 0 0 27px!important;opacity:0;transition:opacity .6s .4s;display:block!important}\n.step-connector.animate{opacity:1}\n\n\/* \u2550\u2550\u2550 CONCEPTOS SLIDER \u2550\u2550\u2550 *\/\n.conceptos-slider-section{position:relative;height:100vh;overflow:hidden;background:var(--blue-deeper)}\n.concepto-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;z-index:1}\n.concepto-slide.active{opacity:1;z-index:2}\n.concepto-slide-images{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}\n.concepto-slide-images .cs-img{overflow:hidden;position:relative}\n.concepto-slide-images .cs-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 10s ease}\n.concepto-slide.active .cs-img img{transform:scale(1)}\n.concepto-slide .cs-img{opacity:0;transition:opacity .8s ease}\n.concepto-slide.active .cs-img{opacity:1}\n.concepto-slide.active .cs-img:nth-child(1){transition-delay:.1s}\n.concepto-slide.active .cs-img:nth-child(2){transition-delay:.2s}\n.concepto-slide.active .cs-img:nth-child(3){transition-delay:.3s}\n.concepto-slide.active .cs-img:nth-child(4){transition-delay:.4s}\n.concepto-slide-overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(0,42,54,.55) 0%,rgba(0,42,54,.4) 30%,rgba(0,42,54,.85) 100%)}\n.concepto-slide-content{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 48px}\n.concepto-slide-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,180,216,.15);border:1px solid rgba(0,180,216,.3);padding:6px 18px;border-radius:100px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:24px;opacity:0;transform:translateY(15px);transition:all .6s .3s var(--transition)}\n.concepto-slide.active .concepto-slide-badge{opacity:1;transform:translateY(0)}\n.concepto-slide-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(50px,8vw,110px);line-height:.9;letter-spacing:4px;color:var(--white);margin-bottom:20px;max-width:900px;opacity:0;transform:translateY(40px);transition:all .8s .2s var(--transition)}\n.concepto-slide.active .concepto-slide-title{opacity:1;transform:translateY(0)}\n.concepto-slide-desc{font-size:25px;color:#fff;line-height:1.6;max-width:900px;margin:0 auto 32px;font-weight:400;opacity:0;transform:translateY(25px);transition:all .8s .4s var(--transition)}\n.concepto-slide.active .concepto-slide-desc{opacity:1;transform:translateY(0)}\n.concepto-slide-cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--white);padding:14px 36px;border-radius:100px;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;opacity:0;transform:translateY(20px);transition:all .8s .55s var(--transition)}\n.concepto-slide.active .concepto-slide-cta{opacity:1;transform:translateY(0)}\n.concepto-slide-cta:hover{transform:translateY(-2px)!important;box-shadow:0 8px 30px var(--accent-glow)}\n.concepto-slide-cta svg{width:16px;height:16px;transition:transform .3s}\n.concepto-slide-cta:hover svg{transform:translateX(3px)}\n\n.cs-nav{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:16px}\n.cs-nav-dot{width:48px;height:3px;background:rgba(255,255,255,.2);border-radius:3px;cursor:pointer;transition:all .4s;position:relative;overflow:hidden}\n.cs-nav-dot.active{background:rgba(255,255,255,.15)}\n.cs-nav-dot.active::after{content:'';position:absolute;inset:0;background:var(--accent);border-radius:3px;transform-origin:left;animation:dotProgress 7s linear forwards}\n@keyframes dotProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n.cs-counter{position:absolute;bottom:40px;right:48px;z-index:10;font-family:'Bebas Neue',sans-serif;font-size:18px;color:rgba(255,255,255,.3);letter-spacing:2px}\n.cs-counter .current{color:var(--white);font-size:28px}\n.cs-arrows{position:absolute;top:50%;z-index:10;display:flex;justify-content:space-between;left:20px;right:20px;transform:translateY(-50%);pointer-events:none}\n.cs-arrow{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--white);pointer-events:auto}\n.cs-arrow:hover{background:var(--accent);border-color:var(--accent)}\n.cs-arrow svg{width:20px;height:20px}\n.cs-accent-line{position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(0,180,216,.1) 30%,rgba(0,180,216,.1) 70%,transparent);z-index:4;pointer-events:none}\n\n.section-divider{height:4px;background:linear-gradient(90deg,var(--blue-deeper),var(--accent),var(--blue-deeper));opacity:.15}\n.section-divider-wave{height:80px;background:var(--white);position:relative;overflow:hidden}\n.section-divider-wave::before{content:'';position:absolute;bottom:0;left:-5%;width:110%;height:100%;background:var(--blue-deeper);border-radius:0 0 50% 50%\/0 0 100% 100%}\n\n\/* \u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550 *\/\n.testimonials-section{background:var(--white);padding:100px 48px;overflow:hidden}\n.testimonials-track-wrapper{overflow:hidden;margin-top:60px}\n.testimonials-track{display:flex;gap:24px;animation:scrollTestimonials 30s linear infinite}\n.testimonial-card{min-width:380px;background:var(--off-white);border:1px solid rgba(0,78,100,.08);border-radius:16px;padding:32px;flex-shrink:0}\n.testimonial-stars{display:flex;gap:2px;margin-bottom:16px}\n.testimonial-stars svg{width:16px;height:16px;fill:#f59e0b}\n.testimonial-stars svg.empty{fill:none;stroke:#f59e0b;stroke-width:2}\n.testimonial-text{font-size:16px;line-height:1.65;color:var(--text-mid);margin-bottom:20px;font-weight:400}\n.testimonial-author{display:flex;align-items:center;gap:12px}\n.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--white);flex-shrink:0}\n.testimonial-name{font-weight:600;font-size:14px;color:var(--blue)}\n.testimonial-handle{font-size:12px;color:var(--text-light)}\n\n.blog-section{background:var(--off-white)}\n.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}\n.blog-card{border-radius:16px;overflow:hidden;background:var(--white);border:1px solid rgba(0,78,100,.06);transition:all .4s;text-decoration:none;color:var(--text-dark);box-shadow:0 2px 10px rgba(0,78,100,.04)}\n.blog-card:hover{transform:translateY(-4px);border-color:rgba(0,180,216,.2);box-shadow:0 12px 40px rgba(0,78,100,.1)}\n.blog-card-img{aspect-ratio:16\/10;overflow:hidden}\n.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}\n.blog-card:hover .blog-card-img img{transform:scale(1.06)}\n.blog-card-body{padding:24px}\n.blog-card-body h3{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:12px;color:var(--blue)}\n.blog-card-body .read-more{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700;display:inline-flex;align-items:center;gap:6px}\n.blog-card-body .read-more svg{width:14px;height:14px;transition:transform .3s}\n.blog-card:hover .read-more svg{transform:translateX(4px)}\n\n.insta-section{text-align:center;background:var(--white)}\n.insta-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}\n.insta-item{aspect-ratio:9\/16;border-radius:12px;overflow:hidden;position:relative;cursor:pointer}\n.insta-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}\n.insta-item:hover img{transform:scale(1.1)}\n.insta-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,78,100,.4);opacity:0;transition:opacity .3s}\n.insta-item:hover .insta-overlay{opacity:1}\n.insta-overlay svg{width:32px;height:32px;fill:var(--white)}\n\n.cta-section{text-align:center;background:linear-gradient(165deg,var(--blue-deeper),var(--blue) 50%,var(--blue-light));color:var(--white);position:relative;overflow:hidden}\n.cta-section::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,216,.12),transparent 70%);transform:translate(-50%,-50%)}\n.cta-section .section-label{color:var(--accent)}\n.cta-section .section-title{color:var(--white);margin:0 auto 16px}\n.cta-section .section-desc{margin:0 auto 40px;text-align:center;max-width:480px;color:rgba(255,255,255,.6)}\n.btn-primary{background:var(--accent);color:var(--white);padding:18px 48px;border-radius:100px;font-weight:700;font-size:17px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .4s var(--transition);border:none;cursor:pointer}\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px var(--accent-glow)}\n.btn-outline{background:transparent;color:var(--white);padding:16px 36px;border-radius:100px;font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:1.5px solid rgba(255,255,255,.3);transition:all .4s var(--transition);cursor:pointer}\n.btn-outline:hover{background:rgba(255,255,255,.1);border-color:var(--white)}\n\nfooter{padding:80px 48px 40px;background:var(--blue-deeper);color:var(--white);border-top:1px solid rgba(255,255,255,.05)}\n.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08)}\n.footer-brand p{font-size:14px;color:rgba(255,255,255,.4);line-height:1.6;max-width:300px;margin-top:16px}\n.footer-brand img{height:24px;filter:brightness(0) invert(1)}\n.footer-award{display:flex;align-items:center;gap:10px;margin-top:24px;padding:12px 16px;background:rgba(255,255,255,.04);border-radius:10px}\n.footer-award svg{flex-shrink:0}\n.footer-award span{font-size:12px;color:rgba(255,255,255,.4);line-height:1.4}\n.footer-col h4{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-weight:600}\n.footer-col a{display:block;color:rgba(255,255,255,.5);text-decoration:none;font-size:14px;padding:6px 0;transition:color .3s,padding-left .3s}\n.footer-col a:hover{color:var(--white);padding-left:8px}\n.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;font-size:13px;color:rgba(255,255,255,.3)}\n.footer-socials{display:flex;gap:12px}\n.footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);text-decoration:none;transition:all .3s}\n.footer-socials a:hover{border-color:var(--accent);color:var(--accent)}\n.footer-socials a svg{width:16px;height:16px;fill:currentColor}\n\n.wa-float{position:fixed;bottom:28px;right:28px;z-index:900;width:60px;height:60px;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;cursor:pointer;text-decoration:none}\n.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.5)}\n.wa-float svg{width:30px;fill:white}\n\n.reveal{opacity:0;transform:translateY(40px);transition:all .8s var(--transition)}\n.reveal.visible{opacity:1;transform:translateY(0)}\n.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}\n@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}\n@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n@keyframes scrollTestimonials{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE GENERAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1200px){\n .bs-selector{flex-wrap:nowrap}\n .bs-tab{min-width:100px}\n .steps-layout{gap:40px!important}\n}\n\n@media(max-width:1024px){\n nav{padding:16px 24px}\n nav.scrolled{padding:12px 24px}\n .nav-links{display:none}\n .nav-toggle{display:flex}\n section{padding:70px 24px}\n .hero{padding:120px 24px 80px}\n .hero-amenidades{grid-template-columns:repeat(2,1fr)}\n .hero-amen-col:nth-child(3){display:none}\n .concepto{grid-template-columns:1fr;gap:40px}\n .blog-grid{grid-template-columns:1fr}\n .footer-top{grid-template-columns:1fr 1fr;gap:40px}\n .insta-grid{grid-template-columns:repeat(3,1fr)}\n .cursor-dot,.cursor-ring{display:none}\n .hero-stats{gap:24px}\n .hero-form-bar{padding:0 24px}\n .hero-form-inner{padding:0!important}\n \n .comunidades-wrapper{height:auto;min-height:100vh}\n .bs-content{padding:0 20px;justify-content:flex-start;padding-top:30%}\n .bs-info-name{font-size:clamp(48px,12vw,80px);letter-spacing:3px}\n .bs-description{font-size:16px;padding:8px 12px;margin-bottom:10px}\n .bs-info-zone{font-size:14px;margin-bottom:4px}\n .bs-price{font-size:clamp(28px,6vw,48px)}\n .bs-price-note{font-size:16px;margin-bottom:10px}\n .bs-conoce{padding:10px 24px;font-size:12px;margin-bottom:12px}\n .bs-tab{min-width:80px;padding:10px 6px}\n .bs-tab-name{font-size:20px}\n .bs-tab-zone{font-size:11px}\n .bs-arrows{left:8px;right:8px}\n .bs-info-tag{margin-bottom:8px}\n \n .grid-view{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}\n \n .exp-header{padding:80px 24px 40px}\n .exp-cards-track{padding:0 24px;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;transition:none}\n .exp-card-v2{flex:0 0 300px;height:420px;scroll-snap-align:start}\n .exp-slider-control{display:none}\n .exp-cards-container{overflow-x:auto;-webkit-overflow-scrolling:touch}\n \n .steps-section{padding:80px 24px!important}\n .steps-layout{grid-template-columns:1fr!important;gap:48px!important}\n .step-form-card{padding:36px}\n .steps-right{padding-top:0}\n .step-row{transform:translateY(30px);transform:none}\n .step-row.animate{transform:translateY(0)}\n .step-connector{margin-left:27px!important}\n \n .conceptos-slider-section{height:80vh}\n .concepto-slide-images{grid-template-columns:repeat(2,1fr)}\n .concepto-slide-content{padding:0 24px}\n .cs-arrows{left:10px;right:10px}\n .cs-arrow{width:42px;height:42px}\n \n .testimonials-section{padding:70px 24px}\n .testimonial-card{min-width:300px;padding:24px}\n .testimonial-text{font-size:15px}\n}\n\n@media(max-width:640px){\n .footer-top{grid-template-columns:1fr}\n .footer-bottom{flex-direction:column;gap:16px;text-align:center}\n .hero-stats{flex-direction:column;gap:16px;align-items:center}\n .hero-amenidades{grid-template-columns:1fr}\n .hero-amen-col:nth-child(2),.hero-amen-col:nth-child(3){display:none}\n .hero-sub{font-size:20px}\n \n .bs-content{padding:0 16px;padding-top:45%}\n .bs-info-name{font-size:clamp(36px,14vw,60px);letter-spacing:2px;margin-bottom:6px}\n .bs-description{font-size:14px;line-height:1.4;padding:6px 10px;margin-bottom:8px}\n .bs-info-zone{font-size:12px;flex-wrap:wrap;justify-content:center}\n .bs-price{font-size:clamp(24px,8vw,40px)}\n .bs-price-note{font-size:14px;margin-bottom:8px}\n .bs-conoce{padding:8px 20px;font-size:11px;margin-bottom:10px}\n .bs-tab{min-width:55px;padding:8px 4px}\n .bs-tab-name{font-size:16px;letter-spacing:1px}\n .bs-tab-zone{font-size:9px}\n .bs-arrows{display:none}\n .bs-info-tag{font-size:8px;padding:4px 10px}\n \n .grid-view{grid-template-columns:1fr}\n \n .exp-card-v2{flex:0 0 260px;height:380px}\n .exp-card-v2 h3{font-size:26px}\n .exp-card-v2 p{font-size:16px}\n .exp-cards-track{padding:0 16px 30px}\n \n .steps-section{padding:60px 16px!important}\n .steps-header{margin-bottom:48px}\n .step-form-card{padding:28px 24px;border-radius:20px}\n .step-form-title{font-size:30px}\n .step-form-desc{font-size:14px;margin-bottom:24px}\n .step-row{gap:16px!important;padding:24px 0!important}\n .step-row-num{width:48px!important;height:48px!important;min-width:48px}\n .step-row-num span{font-size:22px}\n .step-row-num-icon{width:20px;height:20px}\n .step-row-num-icon svg{width:10px;height:10px}\n .step-row-body h4{font-size:18px}\n .step-row-body p{font-size:14px}\n .step-connector{margin-left:23px!important}\n\n .concepto{gap:24px}\n .concepto-img img{aspect-ratio:3\/4;object-fit:cover;min-height:350px}\n .concepto-floating-card{bottom:-15px;right:-10px;padding:16px;max-width:180px}\n .concepto-floating-card .number{font-size:36px}\n .concepto-floating-card .label{font-size:11px}\n .concepto-features{margin-top:20px;gap:0}\n .feature-item{padding:12px}\n .feature-text h4{font-size:18px}\n .feature-text p{font-size:15px}\n \n .testimonials-section{padding:50px 16px; overflow: hidden}\n .testimonials-track-wrapper{margin-top:30px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch}\n .testimonials-track-wrapper::-webkit-scrollbar { display: none; }\n .testimonials-track{animation:none; width: max-content; padding-bottom: 10px; padding-right: 16px}\n .testimonial-card{width:80vw;max-width:320px;min-width:unset;padding:20px;white-space:normal; scroll-snap-align: center}\n .testimonial-text{font-size:14px;margin-bottom:14px}\n .testimonial-avatar{width:34px;height:34px;font-size:12px}\n .testimonial-name{font-size:13px}\n .testimonial-handle{font-size:11px}\n \n .concepto-slide-images{grid-template-columns:1fr 1fr}\n .concepto-slide-title{font-size:clamp(40px,10vw,70px)}\n .concepto-slide-desc{font-size:18px}\n .cs-arrows{display:none}\n .conceptos-slider-section{height:70vh}\n \n .blog-grid{gap:16px}\n .insta-grid{grid-template-columns:repeat(3,1fr);gap:8px}\n .insta-item:nth-child(4),.insta-item:nth-child(5){display:none}\n \n .cta-section{padding:60px 16px}\n}\n<\/style>\n\n<\/head>\n<body>\n<div class=\"cursor-dot\" id=\"cursorDot\"><\/div>\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\n\n\n<div class=\"mobile-menu-overlay\" id=\"mobileMenu\">\n <a href=\"#concepto\" class=\"mobile-nav-link\">Concepto<\/a>\n <a href=\"#comunidades\" class=\"mobile-nav-link\">Comunidades<\/a>\n <a href=\"#experiencias\" class=\"mobile-nav-link\">Experiencias<\/a>\n <a href=\"#blog\" class=\"mobile-nav-link\">Blog<\/a>\n <a href=\"#faq\" class=\"mobile-nav-link\">FAQ<\/a>\n <a href=\"#contacto\" class=\"nav-cta-mobile mobile-nav-link\">AGENDAR VISITA<\/a>\n<\/div>\n\n<nav id=\"mainNav\" role=\"navigation\" aria-label=\"Men\u00fa principal\">\n <a href=\"https:\/\/urbanista.mx\/\" class=\"nav-logo\" aria-label=\"Urbanista \u2014 Inicio\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png.webp\" alt=\"Urbanista \u2014 Departamentos en renta CDMX\" width=\"120\" height=\"26\" loading=\"eager\"><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#concepto\">Concepto<\/a><\/li>\n <li><a href=\"#comunidades\">Comunidades<\/a><\/li>\n <li><a href=\"#experiencias\">Experiencias<\/a><\/li>\n <li><a href=\"#blog\">Blog<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <li><a href=\"#contacto\" class=\"nav-cta\">AGENDAR VISITA<\/a><\/li>\n <\/ul>\n <div class=\"nav-toggle\" id=\"navToggle\" role=\"button\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\" aria-expanded=\"false\" tabindex=\"0\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/nav>\n\n<section class=\"hero\" id=\"hero\">\n <div class=\"hero-video\"><div class=\"hero-video-overlay\"><\/div><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\"><span class=\"pulse\"><\/span> DISPONIBILIDAD LIMITADA<\/div>\n <h1 class=\"hero-title\">TU <span class=\"accent\">OASIS URBANO<\/span><br>EN CDMX<\/h1>\n <p class=\"hero-sub\">Studios y departamentos en renta a 12 meses con servicios incluidos. Vive en las mejores zonas con confort premium, seguridad superior y amenidades dise\u00f1adas para tu progreso y descanso. Todo, sin aval y sin eternos tr\u00e1mites.<\/p>\n <div class=\"hero-stats\">\n <div><div class=\"stat-num\">8<\/div><div class=\"stat-label\">Edificios<\/div><\/div>\n <div><div class=\"stat-num\">12<\/div><div class=\"stat-label\">Meses sin aval<\/div><\/div>\n <div><div class=\"stat-num\">24h<\/div><div class=\"stat-label\">Confirmaci\u00f3n<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-amenidades\">\n <div class=\"hero-amen-col\"><div class=\"hero-amen-col-track\">\n <div class=\"hero-amen-card\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/3b5bb9fc-88f7-4490-a219-9fce68825cf9-scaled.webp?w=800&h=640&fit=crop\" alt=\"Rec\u00e1mara con dise\u00f1o interior premium en departamento Urbanista CDMX\" width=\"400\" height=\"320\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">DISE\u00d1O INTERIOR<\/div><div class=\"hero-amen-sub\">Espacios funcionales con acabados premium<\/div><div class=\"hero-amen-tag\">OASIS URBANO<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/6012cd21-c03f-4344-b2ef-2b7584a2154c.jpg?w=800&h=640&fit=crop\" alt=\"Sala con aislamiento ac\u00fastico en departamento Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">AISLAMIENTO AC\u00daSTICO<\/div><div class=\"hero-amen-sub\">Vive por encima del ruido de la ciudad<\/div><div class=\"hero-amen-tag\">CONFORT TOTAL<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/cocina-azul-1-scaled.webp?w=800&h=640&fit=crop\" alt=\"Cocina equipada en departamento Urbanista CDMX\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">COCINAS EQUIPADAS<\/div><div class=\"hero-amen-sub\">Todo listo desde el d\u00eda uno<\/div><div class=\"hero-amen-tag\">MOVE IN READY<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/c35220e3-55bb-4ea9-9cc7-94f2d781fe5e-scaled.webp?w=800&h=640&fit=crop\" alt=\"Rec\u00e1mara principal con dise\u00f1o premium Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">DISE\u00d1O INTERIOR<\/div><div class=\"hero-amen-sub\">Espacios funcionales con acabados premium<\/div><div class=\"hero-amen-tag\">OASIS URBANO<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/212d5447-a4ca-4764-909d-7a957773b583-scaled.webp?w=800&h=640&fit=crop\" alt=\"Sala luminosa con aislamiento ac\u00fastico real\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">AISLAMIENTO AC\u00daSTICO<\/div><div class=\"hero-amen-sub\">Vive por encima del ruido de la ciudad<\/div><div class=\"hero-amen-tag\">CONFORT TOTAL<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/c1cb9c7f-ef29-4c82-af18-2dfe9df0b650-scaled.webp?w=800&h=640&fit=crop\" alt=\"Cocina totalmente equipada move-in ready\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">COCINAS EQUIPADAS<\/div><div class=\"hero-amen-sub\">Todo listo desde el d\u00eda uno<\/div><div class=\"hero-amen-tag\">MOVE IN READY<\/div><\/div><\/div>\n <\/div><\/div>\n <div class=\"hero-amen-col\"><div class=\"hero-amen-col-track\">\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/16b1e7c0-221d-4f7c-b00d-a2fa58243a8f-scaled.webp?w=800&h=640&fit=crop\" alt=\"Gimnasio equipado con maquinaria de primera en edificio Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">GIMNASIO<\/div><div class=\"hero-amen-sub\">Equipamiento de primera para tu rutina diaria<\/div><div class=\"hero-amen-tag\">RECARGA<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/22a70cd3-53e3-4fb6-b60e-1bc13fa7260a-scaled.webp?w=800&h=640&fit=crop\" alt=\"\u00c1rea de coworking con espacios de trabajo en departamento Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">COWORKING<\/div><div class=\"hero-amen-sub\">Espacios de trabajo sin salir de casa<\/div><div class=\"hero-amen-tag\">PRODUCTIVIDAD<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/cinema-scaled.webp?w=800&h=640&fit=crop\" alt=\"Sala de cine privada en edificio Urbanista CDMX\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">SALA DE CINE<\/div><div class=\"hero-amen-sub\">Tu propio cinema privado en el edificio<\/div><div class=\"hero-amen-tag\">ENTRETENIMIENTO<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/07460712-19b1-42bc-9ac4-b725177d1fff.webp?w=800&h=640&fit=crop\" alt=\"Gimnasio moderno con equipos de cardio y pesas\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">GIMNASIO<\/div><div class=\"hero-amen-sub\">Equipamiento de primera para tu rutina diaria<\/div><div class=\"hero-amen-tag\">RECARGA<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_qkw57iqkw57iqkw5.png?w=800&h=640&fit=crop\" alt=\"Espacio de coworking compartido en edificio Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">COWORKING<\/div><div class=\"hero-amen-sub\">Espacios de trabajo sin salir de casa<\/div><div class=\"hero-amen-tag\">PRODUCTIVIDAD<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/ines-cine.webp?w=800&h=640&fit=crop\" alt=\"Cine privado amenidad exclusiva Urbanista In\u00e9s Polanco\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">SALA DE CINE<\/div><div class=\"hero-amen-sub\">Tu propio cinema privado en el edificio<\/div><div class=\"hero-amen-tag\">ENTRETENIMIENTO<\/div><\/div><\/div>\n <\/div><\/div>\n <div class=\"hero-amen-col\"><div class=\"hero-amen-col-track\">\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/Main-Vivir-sin-fricciones-scaled.webp?w=800&h=640&fit=crop\" alt=\"Rooftop terraza con vistas a la Ciudad de M\u00e9xico\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">ROOFTOP & TERRAZA<\/div><div class=\"hero-amen-sub\">Vistas incre\u00edbles de la ciudad<\/div><div class=\"hero-amen-tag\">HOST LIKE A BOSS<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/b0aa9a86-98f4-41eb-a4ac-ad766b8cbaae.webp?w=800&h=640&fit=crop\" alt=\"Lounge y asadores para entretenimiento en edificio Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">LOUNGE & ASADORES<\/div><div class=\"hero-amen-sub\">Recibe invitados como un profesional<\/div><div class=\"hero-amen-tag\">COMPARTE<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-JOSEFA.jpg?w=800&h=640&fit=crop\" alt=\"\u00c1rea pet friendly con mascotarios y jard\u00edn para mascotas\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">PET LOVERS<\/div><div class=\"hero-amen-sub\">Mascotarios y \u00e1reas verdes para tu mejor amigo<\/div><div class=\"hero-amen-tag\">BIENVENIDOS TODOS<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/e32b87d7-75af-49b2-9d60-e0e972a9fca8.webp?w=800&h=640&fit=crop\" alt=\"Terraza rooftop con vista panor\u00e1mica CDMX Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">ROOFTOP & TERRAZA<\/div><div class=\"hero-amen-sub\">Vistas incre\u00edbles de la ciudad<\/div><div class=\"hero-amen-tag\">HOST LIKE A BOSS<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/963a5adc-1e4f-43a3-9682-052e11fc6180.webp?w=800&h=640&fit=crop\" alt=\"\u00c1rea de lounge y asadores para convivencia en CDMX\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">LOUNGE & ASADORES<\/div><div class=\"hero-amen-sub\">Recibe invitados como un profesional<\/div><div class=\"hero-amen-tag\">COMPARTE<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/1413798e-50dd-46d9-9c2d-d6b30072a64b-scaled.webp?w=800&h=640&fit=crop\" alt=\"Zona pet friendly con \u00e1reas verdes para mascotas en CDMX\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">PET FRIENDLY<\/div><div class=\"hero-amen-sub\">Mascotarios y \u00e1reas verdes para tu mejor amigo<\/div><div class=\"hero-amen-tag\">BIENVENIDOS TODOS<\/div><\/div><\/div>\n <\/div><\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"hero-form-bar\">\n <div class=\"hero-form-inner\" id=\"heroHubspotForm\"><\/div>\n<\/div>\n\n<div class=\"marquee-section\"><div class=\"marquee-track\">\n <div class=\"marquee-item\">DEPARTAMENTOS EN CDMX <span class=\"dot\"><\/span> RENTA A 12 MESES <span class=\"dot\"><\/span> SIN AVAL <span class=\"dot\"><\/span> SERVICIOS INCLUIDOS <span class=\"dot\"><\/span> MOVE IN. MOVE UP. <span class=\"dot\"><\/span><\/div>\n <div class=\"marquee-item\">DEPARTAMENTOS EN CDMX <span class=\"dot\"><\/span> RENTA A 12 MESES <span class=\"dot\"><\/span> SIN AVAL <span class=\"dot\"><\/span> SERVICIOS INCLUIDOS <span class=\"dot\"><\/span> MOVE IN. MOVE UP. <span class=\"dot\"><\/span><\/div>\n <div class=\"marquee-item\">DEPARTAMENTOS EN CDMX <span class=\"dot\"><\/span> RENTA A 12 MESES <span class=\"dot\"><\/span> SIN AVAL <span class=\"dot\"><\/span> SERVICIOS INCLUIDOS <span class=\"dot\"><\/span> MOVE IN. MOVE UP. <span class=\"dot\"><\/span><\/div>\n <div class=\"marquee-item\">DEPARTAMENTOS EN CDMX <span class=\"dot\"><\/span> RENTA A 12 MESES <span class=\"dot\"><\/span> SIN AVAL <span class=\"dot\"><\/span> SERVICIOS INCLUIDOS <span class=\"dot\"><\/span> MOVE IN. MOVE UP. <span class=\"dot\"><\/span><\/div>\n<\/div><\/div>\n\n<div class=\"comunidades-wrapper\" id=\"comunidades\">\n <div class=\"view-toggle\">\n <button class=\"view-toggle-btn active\" data-view=\"showcase\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>SHOWCASE<\/button>\n <button class=\"view-toggle-btn\" data-view=\"grid\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>TODOS<\/button>\n <\/div>\n <div class=\"showcase-view\" id=\"showcaseView\" role=\"region\" aria-label=\"Comunidades Urbanista\">\n <div class=\"bs-slide active\" data-index=\"0\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/amalia-fachada.jpg?w=1600&h=900&fit=crop\" alt=\"Fachada Amalia \u2014 Departamentos en renta N\u00e1poles CDMX\" width=\"1920\" height=\"1080\" loading=\"eager\" sizes=\"100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"1\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/ines-fachada.jpg?w=1600&h=900&fit=crop\" alt=\"Fachada In\u00e9s \u2014 Departamentos en renta Polanco CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"2\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/Fachada-Magda-Escalada-1-scaled.jpeg?w=1600&h=900&fit=crop\" alt=\"Fachada Magda \u2014 Departamentos en renta Roma Sur CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"3\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Fachada-Josefa.png?w=1600&h=900&fit=crop\" alt=\"Fachada Josefa \u2014 Departamentos en renta Paseo de la Reforma CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"4\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/12\/Fachada-Matilde.jpg?w=1600&h=900&fit=crop\" alt=\"Fachada Matilde \u2014 Departamentos en renta Ju\u00e1rez CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"5\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/Natalia-by-Urbanista.png?w=1600&h=900&fit=crop\" alt=\"Fachada Natalia \u2014 Departamentos en renta Doctores CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"6\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/JOAQUINA-02.jpg?w=1600&h=900&fit=crop\" alt=\"Fachada Joaquina \u2014 Departamentos en renta Del Valle CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"7\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/Leona-2.png?w=1600&h=900&fit=crop\" alt=\"Fachada Leona \u2014 Departamentos Condesa CDMX sin disponibilidad\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"8\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Fachada-1-scaled.webp\" alt=\"Fachada Enriqueta \u2014 Pr\u00f3ximo edificio Santa Mar\u00eda la Ribera CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-content\">\n <div class=\"bs-info-tag\"><span class=\"live-dot\"><\/span> <span id=\"bsTag\">DISPONIBLE<\/span><\/div>\n <div class=\"bs-info-name\" id=\"bsName\">AMALIA<\/div>\n <p class=\"bs-description\" id=\"bsDesc\">Vive a 2 calles del WTC en un depa funcional, bien ubicado, con seguridad 24\/7, c\u00f3modo y dise\u00f1ado para tu descanso<\/p>\n <div class=\"bs-info-zone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span id=\"bsAddress\">Av. Insurgentes Sur 609, N\u00e1poles, CDMX<\/span><\/div>\n <div class=\"bs-price\" id=\"bsPrice\">$23,520 MXN<\/div>\n <div class=\"bs-price-note\" id=\"bsPriceNote\">con servicios incluidos<\/div>\n <div class=\"bs-cta-row\">\n <button class=\"bs-agendar-cta\" id=\"bsAgendarBtn\" onclick=\"openSidebar()\">AGENDAR VISITA <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg><\/button>\n <a href=\"#\" class=\"bs-conoce\" id=\"bsConoce\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <\/div>\n\n <\/div>\n <div class=\"bs-arrows\">\n <button class=\"bs-arrow\" id=\"bsPrev\" aria-label=\"Edificio anterior\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/button>\n <button class=\"bs-arrow\" id=\"bsNext\" aria-label=\"Edificio siguiente\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/button>\n <\/div>\n <div class=\"bs-progress\"><div class=\"bs-progress-bar\" id=\"bsProgressBar\" style=\"width:11.11%\"><\/div><\/div>\n <div class=\"bs-selector\" id=\"bsSelector\">\n <div class=\"bs-tab active\" data-index=\"0\"><div class=\"bs-tab-name\">AMALIA<\/div><div class=\"bs-tab-zone\">N\u00e1poles<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"1\"><div class=\"bs-tab-name\">IN\u00c9S<\/div><div class=\"bs-tab-zone\">Polanco<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"2\"><div class=\"bs-tab-name\">MAGDA<\/div><div class=\"bs-tab-zone\">Roma Sur<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"3\"><div class=\"bs-tab-name\">JOSEFA<\/div><div class=\"bs-tab-zone\">Reforma<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"4\"><div class=\"bs-tab-name\">MATILDE<\/div><div class=\"bs-tab-zone\">Ju\u00e1rez<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"5\"><div class=\"bs-tab-name\">NATALIA<\/div><div class=\"bs-tab-zone\">Doctores<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"6\"><div class=\"bs-tab-name\">JOAQUINA<\/div><div class=\"bs-tab-zone\">Del Valle<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"7\"><div class=\"bs-tab-name\">LEONA<\/div><div class=\"bs-tab-zone\">Condesa<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"8\"><div class=\"bs-tab-name\">ENRIQUETA<\/div><div class=\"bs-tab-zone\">Sta. Mar\u00eda<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"grid-view hidden\" id=\"gridView\">\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?w=500&h=700&fit=crop\" alt=\"Amalia\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">AMALIA<\/div><div class=\"grid-card-zone\">N\u00e1poles \u00b7 Av. Insurgentes Sur 609<\/div><div class=\"grid-card-price\">$23,520 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/amalia-napoles\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?w=500&h=700&fit=crop\" alt=\"In\u00e9s\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">IN\u00c9S<\/div><div class=\"grid-card-zone\">Nuevo Polanco \u00b7 Andr\u00f3maco 9<\/div><div class=\"grid-card-price\">$25,330 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/ines-polanco\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=500&h=700&fit=crop\" alt=\"Magda\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">MAGDA<\/div><div class=\"grid-card-zone\">Roma Sur \u00b7 Av. Insurgentes Sur 454<\/div><div class=\"grid-card-price\">$24,730 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/magda-la-roma\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522708323590-d24dbb6b0267?w=500&h=700&fit=crop\" alt=\"Josefa\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">JOSEFA<\/div><div class=\"grid-card-zone\">Paseo de la Reforma 390<\/div><div class=\"grid-card-price\">$26,930 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/josefa-reforma\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DESDE $20K<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560448204-e02f11c3d0e2?w=500&h=700&fit=crop\" alt=\"Matilde\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">MATILDE<\/div><div class=\"grid-card-zone\">Ju\u00e1rez \u00b7 Donato Guerra 1<\/div><div class=\"grid-card-price\">$20,030 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?w=500&h=700&fit=crop\" alt=\"Natalia\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">NATALIA<\/div><div class=\"grid-card-zone\">Doctores \u00b7 Dr. Carmona y Valle 25<\/div><div class=\"grid-card-price\">$24,730 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/natalia-doctores\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=500&h=700&fit=crop\" alt=\"Joaquina\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">JOAQUINA<\/div><div class=\"grid-card-zone\">Del Valle \u00b7 San Francisco 345<\/div><div class=\"grid-card-price\">$22,000 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag sold-out\">SIN DISPONIBILIDAD<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574362848149-11496d93a7c7?w=500&h=700&fit=crop\" alt=\"Leona\" style=\"filter:brightness(.6)\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">LEONA<\/div><div class=\"grid-card-zone\">Condesa \u00b7 Montes de Oca 47<\/div><div class=\"grid-card-price\" style=\"opacity:.4\">Sin disponibilidad<\/div><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag coming\">PR\u00d3XIMAMENTE<\/div><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Fachada-1-scaled.webp\" alt=\"Enriqueta\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">ENRIQUETA<\/div><div class=\"grid-card-zone\">Santa Mar\u00eda La Ribera<\/div><div class=\"grid-card-price\" style=\"color:var(--accent)\">Pr\u00f3ximamente<small>un barrio que te envuelve sin prisa<\/small><\/div><a href=\"#\" class=\"grid-card-cta\">REG\u00cdSTRATE <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <\/div>\n<\/div>\n\n<section id=\"concepto\">\n <div class=\"concepto\">\n <div class=\"concepto-visual reveal\" style=\"position:relative\">\n <div class=\"concepto-img\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/hf_20260213_040510_2ebb5a6b-cab4-4d71-b72f-98f6f34deb51-scaled.webp\" alt=\"Departamento moderno con dise\u00f1o interior premium en edificio Urbanista CDMX\" width=\"700\" height=\"600\" loading=\"lazy\" decoding=\"async\"><\/div>\n <div class=\"concepto-floating-card\"><div class=\"number\">24h<\/div><div class=\"label\">Confirmaci\u00f3n de tu departamento<\/div><\/div>\n <\/div>\n <div class=\"reveal reveal-delay-2\">\n <div class=\"section-label\">NUESTRO CONCEPTO<\/div>\n <h2 class=\"section-title\">RENTAR DEBER\u00cdA SER UN GUSTO, <br>NO UNA CARGA<\/h2>\n <p class=\"section-desc\" style=\"font-size:22px\">Urbanista naci\u00f3 para devolverle sentido y facilidad al lugar donde vives. Nos encargamos de lo complejo \u2014 servicios, mantenimiento, reparaciones y gesti\u00f3n \u2014 para que t\u00fa te concentres en lo importante: vivir bien, disfrutar y avanzar.<\/p>\n <div class=\"concepto-features\">\n <div class=\"feature-item\"><div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4\"\/><polyline points=\"10 17 15 12 10 7\"\/><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"\/><\/svg><\/div><div class=\"feature-text\"><h4>Sin aval, sin papeleo<\/h4><p>Proceso simple, confirmaci\u00f3n en 24 horas. Contrato a 12 meses ideal para quienes buscan estabilidad y comodidad real.<\/p><\/div><\/div>\n <div class=\"feature-item\"><div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><div class=\"feature-text\"><h4>Trato directo con Urbanista<\/h4><p>Sin intermediarios. Renta directa con Urbanista. Sin pasos innecesarios ni retrasos. No trabajamos con brokers ni comisionistas.<\/p><\/div><\/div>\n <div class=\"feature-item\"><div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><div class=\"feature-text\"><h4>Servicios incluidos y arreglos r\u00e1pidos<\/h4><p>Renta f\u00e1cil con servicios incluidos. Reparaciones \u00e1giles y soluciones opcionales para quitarte la molestia de la vida en departamento.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"experience-section\" id=\"experiencias\">\n <div class=\"exp-bg-mesh\"><div class=\"orb\"><\/div><div class=\"orb\"><\/div><div class=\"orb\"><\/div><\/div>\n <div class=\"exp-header\"><div class=\"section-label\">BEYOND COMFORT<\/div><h2 class=\"section-title\" style=\"color:var(--white)\">VIVIR POR ENCIMA DEL RUIDO<\/h2><p class=\"section-desc\" style=\"color:rgba(255,255,255,.55);max-width:900px;margin:0 auto\">En Urbanista transformamos la renta en una experiencia premium. Cada edificio es un ecosistema dise\u00f1ado para que vivas c\u00f3modo, productivo y conectado.<\/p><\/div>\n <div class=\"exp-cards-container\">\n <div class=\"exp-cards-track\" id=\"expTrack\">\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">01<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Diseno-sin-titulo-10.webp\" alt=\"Oasis Urbano\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><h3>OASIS URBANO<\/h3><p>Aire acondicionado, aislamiento ac\u00fastico y seguridad superior con CCTV, acceso controlado, rociadores y detectores de humo. Tu refugio de verdad.<\/p><div class=\"exp-card-v2-tag\">CONFORT TOTAL<\/div><\/div><\/div>\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">02<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/Main-Vivir-sin-fricciones-scaled.webp\" alt=\"Renta sin fricci\u00f3n\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><h3>RENTA SIN FRICCI\u00d3N<\/h3><p>Arreglos r\u00e1pidos, sin excusas. Vivir sin fricci\u00f3n mediante renta f\u00e1cil, reparaciones \u00e1giles, servicios incluidos y soluciones opcionales cuando las necesites.<\/p><div class=\"exp-card-v2-tag\">SIN COMPLICACIONES<\/div><\/div><\/div>\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">03<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/9f9b0d12-f0ed-4d39-a18e-4f4dd58d3a09-scaled.webp\" alt=\"Comparte y recarga\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div><h3>COMPARTE & RECARGA<\/h3><p>Cocinas de entretenimiento, lounges y asadores para disfrutar con invitados. Gimnasios, salas de TV, cine y amenidades \u00fanicas para tu recarga personal.<\/p><div class=\"exp-card-v2-tag\">HOST LIKE A BOSS<\/div><\/div><\/div>\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">04<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/07460712-19b1-42bc-9ac4-b725177d1fff.webp\" alt=\"Gym\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg><\/div><h3>BIENESTAR INTEGRAL<\/h3><p>Gimnasios equipados, \u00e1reas de yoga y meditaci\u00f3n, mascotarios y \u00e1reas verdes. Tu bienestar f\u00edsico y mental es nuestra prioridad.<\/p><div class=\"exp-card-v2-tag\">RECARGA PERSONAL<\/div><\/div><\/div>\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">05<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/22a70cd3-53e3-4fb6-b60e-1bc13fa7260a-scaled.webp\" alt=\"Cowork\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16\"\/><\/svg><\/div><h3>PRODUCTIVIDAD TOTAL<\/h3><p>Coworkings, salas de juntas y lounges de trabajo. Espacios dise\u00f1ados para que tu home office sea realmente productivo.<\/p><div class=\"exp-card-v2-tag\">WORK FROM HOME<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"exp-slider-control\">\n <span class=\"exp-slider-label\">01<\/span>\n <div class=\"exp-range-wrapper\">\n <div class=\"exp-range-fill\" id=\"expRangeFill\"><\/div>\n <input type=\"range\" class=\"exp-range\" id=\"expRange\" min=\"0\" max=\"100\" value=\"0\">\n <div class=\"exp-slider-hint\" id=\"expSliderHint\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>Desliza para explorar<\/div>\n <\/div>\n <span class=\"exp-slider-label end\">05<\/span>\n <\/div>\n<\/div>\n\n<div class=\"section-divider-wave\"><\/div>\n\n\n<section class=\"steps-section\" id=\"pasos\">\n <div class=\"steps-header reveal\">\n <div class=\"section-label\">\u00bfC\u00d3MO FUNCIONA?<\/div>\n <h2 class=\"section-title\">TU NUEVO HOGAR EN 4 PASOS<\/h2>\n <p class=\"section-desc\" style=\"margin:8px auto 0;text-align:center;max-width:560px\">As\u00ed de f\u00e1cil es rentar con Urbanista.<\/p>\n <\/div>\n <div class=\"steps-layout\" id=\"stepsGrid\">\n <div class=\"step-form-card\">\n <div class=\"step-form-badge\">\n <div class=\"step-form-num\">1<\/div>\n <span class=\"step-form-badge-text\">PASO UNO \u00b7 2 MINUTOS<\/span>\n <\/div>\n <h3 class=\"step-form-title\">RELLENA EL FORMULARIO<\/h3>\n <p class=\"step-form-desc\">D\u00e9janos tus datos y el edificio que te interesa. Sin compromiso, sin letras chiquitas.<\/p>\n \n <div id=\"stepsHubspotForm\"><\/div>\n <div class=\"sf-privacy\" style=\"margin-top:12px\"><svg viewBox=\"0 0 24 24\" style=\"width:12px;height:12px;stroke:var(--accent);fill:none;stroke-width:2;vertical-align:-2px;margin-right:4px\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>Tus datos est\u00e1n protegidos. No spam, nunca.<\/div>\n <\/div>\n <div class=\"steps-right\">\n <div class=\"step-row\">\n <div class=\"step-row-num\"><span>2<\/span><div class=\"step-row-num-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div><\/div>\n <div class=\"step-row-body\"><h4>Te contactamos<\/h4><p>Un asesor Urbanista se comunica contigo para resolver dudas y agendar tu visita presencial.<\/p><div class=\"step-row-tag\">MISMO D\u00cdA<\/div><\/div>\n <\/div>\n <div class=\"step-connector\"><\/div>\n <div class=\"step-row\">\n <div class=\"step-row-num\"><span>3<\/span><div class=\"step-row-num-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><\/div>\n <div class=\"step-row-body\"><h4>Visita tu depa<\/h4><p>Conoce el edificio, las amenidades y tu futuro departamento. Sin presi\u00f3n, a tu ritmo.<\/p><div class=\"step-row-tag\">SIN COMPROMISO<\/div><\/div>\n <\/div>\n <div class=\"step-connector\"><\/div>\n <div class=\"step-row\">\n <div class=\"step-row-num\"><span>4<\/span><div class=\"step-row-num-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div><\/div>\n <div class=\"step-row-body\"><h4>Firma y m\u00fadate<\/h4><p>Contrato directo con Urbanista, sin aval. En 24 horas tienes confirmaci\u00f3n y las llaves de tu nuevo hogar.<\/p><div class=\"step-row-tag\">24H CONFIRMACI\u00d3N<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-divider\"><\/div>\n\n\n<div class=\"conceptos-slider-section\" id=\"conceptosSlider\">\n <div class=\"cs-accent-line\"><\/div>\n <div class=\"concepto-slide active\" data-cs=\"0\">\n <div class=\"concepto-slide-images\">\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/amalia-fachada.jpg\" alt=\"Move In\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Diseno-sin-titulo-10.webp\" alt=\"Interior\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/cocina-azul-1-scaled.webp\" alt=\"Cocina\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/2BED-2-scaled.webp\" alt=\"Rec\u00e1mara\"><\/div>\n <\/div>\n <div class=\"concepto-slide-overlay\"><\/div>\n <div class=\"concepto-slide-content\">\n <h2 class=\"concepto-slide-title\">OASIS URBANO<\/h2>\n <p class=\"concepto-slide-desc\">Construimos tu refugio personal: departamentos con aislamiento ac\u00fastico, aire acondicionado y seguridad 24\/7, adem\u00e1s de amenidades dise\u00f1adas para potenciar y simplificar tu vida diaria.<\/p>\n <a href=\"#comunidades\" class=\"concepto-slide-cta\">VER DISPONIBILIDAD <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"concepto-slide\" data-cs=\"1\">\n <div class=\"concepto-slide-images\">\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/212d5447-a4ca-4764-909d-7a957773b583-scaled.webp\" alt=\"Rooftop\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/16b1e7c0-221d-4f7c-b00d-a2fa58243a8f-scaled.webp\" alt=\"Gym\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/sala-juntas-scaled.webp\" alt=\"Cowork\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/ae23c17e-faa6-4e9a-8b87-520c349a0ea2.webp\" alt=\"Depto Asadores\"><\/div>\n <\/div>\n <div class=\"concepto-slide-overlay\"><\/div>\n <div class=\"concepto-slide-content\">\n <h2 class=\"concepto-slide-title\">RENTA FACIL<\/h2>\n <p class=\"concepto-slide-desc\">Eliminamos la burocracia, los avales y las esperas interminables. Sustituimos las trabas de la renta com\u00fan por un proceso 100% digital, \u00e1gil y flexible. Aqu\u00ed, obtienes tu depa sin estr\u00e9s y hasta en 24 h.<\/p>\n <a href=\"#comunidades\" class=\"concepto-slide-cta\">EXPLORA AMENIDADES <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"concepto-slide\" data-cs=\"2\">\n <div class=\"concepto-slide-images\">\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/f03a36ca-92ee-41ab-9734-c74a0df9b03b-scaled.webp\" alt=\"BBQ\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/316edef4-eba4-46fd-886a-fd869ad24853-scaled.webp\" alt=\"Cine\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/b984708f-7e3c-4366-9186-d702f7637a5b-scaled.webp\" alt=\"Rooftop\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/e36e41ba-b15a-4d49-8a86-02ad55f57bca-scaled.webp\" alt=\"Terraza\"><\/div>\n <\/div>\n <div class=\"concepto-slide-overlay\"><\/div>\n <div class=\"concepto-slide-content\">\n <h2 class=\"concepto-slide-title\">COMPARTE Y RECARGA<\/h2>\n <p class=\"concepto-slide-desc\">Aqu\u00ed disfrutas la tranquilidad de tu depa para desconectar, y cuando quieres conectar, \u200bla comunidad, los eventos y la vibra est\u00e1n a solo un elevador de distancia.<\/p>\n <a href=\"#comunidades\" class=\"concepto-slide-cta\">DESCUBRE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"cs-arrows\">\n <button class=\"cs-arrow\" id=\"csPrev\" aria-label=\"Diapositiva anterior\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/button>\n <button class=\"cs-arrow\" id=\"csNext\" aria-label=\"Diapositiva siguiente\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/button>\n <\/div>\n <div class=\"cs-nav\" id=\"csNav\">\n <div class=\"cs-nav-dot active\" data-cs=\"0\"><\/div>\n <div class=\"cs-nav-dot\" data-cs=\"1\"><\/div>\n <div class=\"cs-nav-dot\" data-cs=\"2\"><\/div>\n <\/div>\n <div class=\"cs-counter\"><span class=\"current\" id=\"csCurrentNum\">01<\/span> \/ 03<\/div>\n<\/div>\n\n\n<section class=\"testimonials-section\">\n <div class=\"reveal\" style=\"text-align:center;margin-bottom:20px\"><div class=\"section-label\">TESTIMONIOS<\/div><h2 class=\"section-title\">LO QUE DICEN NUESTROS URBANISTAS<\/h2><\/div>\n <div class=\"testimonials-track-wrapper\"><div class=\"testimonials-track\">\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Mi gato ama vivir aqui. Hay espacio, calma y nadie pone cara por tener mascota. Pet-friendly real!”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">SG<\/div><div><div class=\"testimonial-name\">Sharely G.<\/div><div class=\"testimonial-handle\">Residente en Amalia<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“El proceso fue super rapido. Sin aval, sin complicaciones. En 24 horas ya tenia mi depa confirmado.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">MR<\/div><div><div class=\"testimonial-name\">Miguel R.<\/div><div class=\"testimonial-handle\">Residente en Josefa<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Las amenidades son increibles. El gym, el coworking y el rooftop hacen que no quieras salir del edificio.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">LC<\/div><div><div class=\"testimonial-name\">Laura C.<\/div><div class=\"testimonial-handle\">Residente en Ines<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Lo mejor es el trato directo. Nada de intermediarios. Cualquier problema, lo resuelven rapido y bien.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">DP<\/div><div><div class=\"testimonial-name\">Daniel P.<\/div><div class=\"testimonial-handle\">Residente en Matilde<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Pase de rentar un depa viejo y ruidoso a vivir en un lugar con aislamiento acustico real. Game changer.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">AF<\/div><div><div class=\"testimonial-name\">Andrea F.<\/div><div class=\"testimonial-handle\">Residente en Magda<\/div><\/div><\/div><\/div>\n \n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Mi gato ama vivir aqui. Hay espacio, calma y nadie pone cara por tener mascota. Pet-friendly real!”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">SG<\/div><div><div class=\"testimonial-name\">Sharely G.<\/div><div class=\"testimonial-handle\">Residente en Amalia<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“El proceso fue super rapido. Sin aval, sin complicaciones. En 24 horas ya tenia mi depa confirmado.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">MR<\/div><div><div class=\"testimonial-name\">Miguel R.<\/div><div class=\"testimonial-handle\">Residente en Josefa<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Las amenidades son increibles. El gym, el coworking y el rooftop hacen que no quieras salir del edificio.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">LC<\/div><div><div class=\"testimonial-name\">Laura C.<\/div><div class=\"testimonial-handle\">Residente en Ines<\/div><\/div><\/div><\/div>\n <\/div><\/div>\n<\/section>\n\n\n<section class=\"blog-section\" id=\"blog\">\n <div class=\"reveal\" style=\"text-align:center\"><div class=\"section-label\">BLOG<\/div><h2 class=\"section-title\">Noticias, tips y m\u00e1s<\/h2><\/div>\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"22105\" class=\"elementor elementor-22105\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0ed7fe e-con-full e-flex e-con e-parent\" data-id=\"e0ed7fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bba25f elementor-posts--align-center elementor-grid-tablet-3 elementor-grid-3 elementor-grid-mobile-1 elementor-posts--thumbnail-top load-more-align-center elementor-widget elementor-widget-posts\" data-id=\"2bba25f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"classic_row_gap":{"unit":"px","size":81,"sizes":[]},"classic_columns_tablet":"3","classic_row_gap_mobile":{"unit":"px","size":28,"sizes":[]},"pagination_type":"load_more_on_click","classic_columns":"3","classic_columns_mobile":"1","classic_row_gap_widescreen":{"unit":"px","size":"","sizes":[]},"classic_row_gap_laptop":{"unit":"px","size":"","sizes":[]},"classic_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"load_more_spinner":{"value":"fas fa-spinner","library":"fa-solid"}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-23797 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/is-it-worth-renting-a-studio-apartment-in-reforma\/\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"901\" height=\"504\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15.png\" class=\"attachment-full size-full wp-image-23802\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15.png 901w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15-300x168.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15-768x430.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15-18x10.png 18w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/is-it-worth-renting-a-studio-apartment-in-reforma\/\" >\n\t\t\t\t\u00bfVale la pena rentar\u00a0depa\u00a0en Reforma?\u00a0\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/is-it-worth-renting-a-studio-apartment-in-reforma\/\" aria-label=\"Read more about \u00bfVale la pena rentar\u00a0depa\u00a0en Reforma?\u00a0\" tabindex=\"-1\" >\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-23577 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/alma-390-gastronomy-and-haute-cuisine\/\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"901\" height=\"673\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5.png\" class=\"attachment-full size-full wp-image-23578\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5.png 901w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5-300x224.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5-768x574.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5-16x12.png 16w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/alma-390-gastronomy-and-haute-cuisine\/\" >\n\t\t\t\tALMA 390\u00a0by\u00a0Urbanista: Gastronom\u00eda y alta cocina en Reforma\u00a0\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/alma-390-gastronomy-and-haute-cuisine\/\" aria-label=\"Read more about ALMA 390\u00a0by\u00a0Urbanista: Gastronom\u00eda y alta cocina en Reforma\u00a0\" tabindex=\"-1\" >\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-23157 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/rent-an-apartment-that-makes-your-day\/\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"901\" height=\"502\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1.png\" class=\"attachment-full size-full wp-image-23159\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1.png 901w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-300x167.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-768x428.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-18x10.png 18w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/rent-an-apartment-that-makes-your-day\/\" >\n\t\t\t\t\u00bfCoworking,\u00a0Gym\u00a0y\u00a0Roof\u00a0en un solo lugar? C\u00f3mo rentar un departamento que resuelva tu d\u00eda\u00a0\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/rent-an-apartment-that-makes-your-day\/\" aria-label=\"Read more about \u00bfCoworking,\u00a0Gym\u00a0y\u00a0Roof\u00a0en un solo lugar? C\u00f3mo rentar un departamento que resuelva tu d\u00eda\u00a0\" tabindex=\"-1\" >\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t<span class=\"e-load-more-spinner\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-spinner\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\n\t\t\t\t<div class=\"e-load-more-anchor\" data-page=\"1\" data-max-page=\"25\" data-next-page=\"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22173\/page\/2\/\"><\/div>\n\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<div class=\"e-load-more-message\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/section>\n\n\n<section class=\"insta-section\">\n <div class=\"reveal\" style=\"text-align:center\"><div class=\"section-label\">S\u00cdGUENOS<\/div><h2 class=\"section-title\">@URBANISTA.MX<\/h2><\/div>\n\n \t\t<div data-elementor-type=\"widget\" data-elementor-id=\"22091\" class=\"elementor elementor-22091\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t\t<\/div>\n\t\t \n\n<\/section>\n\n\n<section class=\"cta-section\" id=\"contacto\">\n <div class=\"section-label\">AGENDA TU VISITA<\/div>\n <h2 class=\"section-title\" style=\"color:var(--white)\">\u00bfLISTO PARA VIVIR<br>COMO MERECES?<\/h2>\n <p class=\"section-desc\">Agenda una visita hoy y conoce tu pr\u00f3ximo hogar. Sin compromiso, sin presi\u00f3n.<\/p>\n <div style=\"display:flex;gap:16px;justify-content:center;flex-wrap:wrap\">\n <a href=\"#hero\" class=\"btn-primary\">AGENDAR VISITA <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <a href=\"https:\/\/wa.me\/5215512345678\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">WHATSAPP<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-top\">\n <div class=\"footer-brand\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png.webp\" alt=\"Urbanista \u2014 Departamentos en renta CDMX\" width=\"120\" height=\"24\" loading=\"lazy\" decoding=\"async\"><p>Departamentos en renta en CDMX dise\u00f1ados para que vivas bien, crezcas r\u00e1pido y disfrutes cada d\u00eda.<\/p><div class=\"footer-award\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00b4d8\" stroke-width=\"1.5\"><path d=\"M12 15l-3.5 2 .67-3.89L6.3 10.3l3.91-.57L12 6l1.79 3.73 3.91.57-2.87 2.81.67 3.89z\"\/><\/svg><span>Mejores departamentos para rentar en CDMX<\/span><\/div><\/div>\n <div class=\"footer-col\"><h4>Comunidades<\/h4><a href=\"#\">Amalia \u00b7 N\u00e1poles<\/a><a href=\"#\">In\u00e9s \u00b7 Polanco<\/a><a href=\"#\">Magda \u00b7 Roma Sur<\/a><a href=\"#\">Josefa \u00b7 Reforma<\/a><a href=\"#\">Matilde \u00b7 Ju\u00e1rez<\/a><a href=\"#\">Natalia \u00b7 Doctores<\/a><a href=\"#\">Joaquina \u00b7 Del Valle<\/a><\/div>\n <div class=\"footer-col\"><h4>Compa\u00f1\u00eda<\/h4><a href=\"#\">Sobre nosotros<\/a><a href=\"#\">Blog<\/a><a href=\"#\">Trabaja con nosotros<\/a><a href=\"#\">Prensa<\/a><a href=\"#\">FAQ<\/a><\/div>\n <div class=\"footer-col\"><h4>Contacto<\/h4><a href=\"tel:+525512345678\">+52 55 1234 5678<\/a><a href=\"mailto:hola@urbanista.mx\">hola@urbanista.mx<\/a><a href=\"#\">WhatsApp<\/a><a href=\"#\">Agendar visita<\/a><\/div>\n <\/div>\n <div class=\"footer-bottom\"><span>\u00a9 2026 Urbanista. Todos los derechos reservados.<\/span><div class=\"footer-socials\"><a href=\"#\"><svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><a href=\"#\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg><\/a><a href=\"#\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg><\/a><\/div><\/div>\n<\/footer>\n\n<a href=\"https:\/\/wa.me\/5215512345678\" 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\/* \u2550\u2550\u2550 CURSOR \u2550\u2550\u2550 *\/\nconst dot=document.getElementById('cursorDot'),ring=document.getElementById('cursorRing');\nif(dot&&ring&&window.innerWidth>1024){\n document.addEventListener('mousemove',e=>{\n dot.style.left=e.clientX+'px';dot.style.top=e.clientY+'px';\n ring.style.left=e.clientX+'px';ring.style.top=e.clientY+'px'\n });\n document.querySelectorAll('a,button,.bs-tab,.grid-card,.exp-card-v2,.benefit-node,.step-row,.sf-submit')\n .forEach(el=>{\n el.addEventListener('mouseenter',()=>ring.classList.add('hover'));\n el.addEventListener('mouseleave',()=>ring.classList.remove('hover'))\n })\n}\n\n\/* \u2550\u2550\u2550 NAV \u2550\u2550\u2550 *\/\nconst nav=document.getElementById('mainNav');\nwindow.addEventListener('scroll',()=>nav.classList.toggle('scrolled',window.scrollY>50));\n\nconst navToggle=document.getElementById('navToggle');\nconst mobileMenu=document.getElementById('mobileMenu');\nnavToggle.addEventListener('click',function(){\n this.classList.toggle('open');\n mobileMenu.classList.toggle('open');\n document.body.style.overflow=mobileMenu.classList.contains('open')?'hidden':''\n});\ndocument.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\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2550\u2550\u2550 HUBSPOT FORMS INITIALIZATION \u2550\u2550\u2550\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/\/ FORMULARIO 1: Hero Form Bar\nhbspt.forms.create({\n portalId: \"47830887\",\n formId: \"d04d018c-0ee4-43ad-ac48-016eed8e2012\",\n region: \"na1\",\n target: \"#heroHubspotForm\"\n});\n\n\/\/ FORMULARIO 3: Steps Section\nhbspt.forms.create({\n portalId: \"47830887\",\n formId: \"d04d018c-0ee4-43ad-ac48-016eed8e2012\",\n region: \"na1\",\n target: \"#stepsHubspotForm\"\n});\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ SIDEBAR DE FORMULARIOS POR EDIFICIO\n\/\/ El formulario se carga en el sidebar cuando el usuario hace clic\n\/\/ en \"Agendar Visita\" desde el showcase.\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n\/\/ formIds por edificio \u2014 SUSTITUIR cada uno por el real de HubSpot\nconst sidebarFormIds = {\n 0: '96d1f251-f481-484b-b838-2123e287d306', \/\/ AMALIA\n 1: '1820c8c0-e4bd-4b83-93e5-dae1c368a2d9', \/\/ IN\u00c9S\n 2: 'db695a6c-5869-49b0-8dd1-e1241d07ff59', \/\/ MAGDA\n 3: 'b36648ae-9c98-4c20-8375-9e6b61d8325d', \/\/ JOSEFA\n 4: 'fa44f739-1bf0-46f2-b8f7-398f59b24a56', \/\/ MATILDE\n 5: '090f08b4-5b99-4c98-831e-8927745ec237', \/\/ NATALIA\n 6: 'a0e43f30-1bb9-4806-acc6-003a4bc1f611', \/\/ JOAQUINA\n 7: '4b765a47-f887-458d-8bec-6b9fbe8e35aa', \/\/ LEONA\n 8: '69d1ab47-46cc-4a69-9c11-8c57fbd8b49d' \/\/ ENRIQUETA\n};\n\nlet sidebarLoadedFor = -1; \/\/ track which building's form is loaded\n\nfunction openSidebar() {\n const b = buildings[bsCurrent];\n \/\/ Update sidebar header\n document.getElementById('sidebarBuildingName').textContent = b.name;\n document.getElementById('sidebarBuildingBadge').textContent = b.tag;\n\n \/\/ Load form if not already loaded for this building\n if (sidebarLoadedFor !== bsCurrent) {\n const container = document.getElementById('sidebarFormTarget');\n container.innerHTML = ''; \/\/ clear old form\n const formId = sidebarFormIds[bsCurrent];\n if (formId && !formId.startsWith('PON-AQUI')) {\n hbspt.forms.create({\n portalId: '47830887',\n formId: formId,\n region: 'na1',\n target: '#sidebarFormTarget'\n });\n } else {\n container.innerHTML = '<p style=\"color:rgba(255,255,255,.5);text-align:center;padding:40px 0;font-size:15px;\">Formulario pr\u00f3ximamente disponible para ' + b.name + '<\/p>';\n }\n sidebarLoadedFor = bsCurrent;\n }\n\n \/\/ Open sidebar\n document.getElementById('sidebarOverlay').classList.add('open');\n document.getElementById('sidebarPanel').classList.add('open');\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeSidebar() {\n document.getElementById('sidebarOverlay').classList.remove('open');\n document.getElementById('sidebarPanel').classList.remove('open');\n document.body.style.overflow = '';\n}\n\n\/\/ sidebar event listeners are attached after the sidebar HTML below\n\n\n\/* \u2550\u2550\u2550 BUILDING SHOWCASE \u2550\u2550\u2550 *\/\nconst buildings=[\n {name:'AMALIA',zone:'N\u00e1poles',address:'Av. Insurgentes Sur 609, N\u00e1poles, CDMX',price:'$23,520 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Vive a 2 calles del WTC en un depa funcional, bien ubicado, con seguridad 24\/7, c\u00f3modo y dise\u00f1ado para tu descanso',link:'https:\/\/urbanista.mx\/amalia-napoles'},\n {name:'IN\u00c9S',zone:'Polanco',address: 'Andr\u00f3maco 9, Ampliaci\u00f3n Granada, CDMX',price:'$25,330 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Vive a 5 minutos del Museo Soumaya en un depa funcional, amenidades que simplifican tu d\u00eda y comunidad vibrante',link:'https:\/\/urbanista.mx\/ines-polanco\/'},\n {name:'MAGDA',zone:'Roma Sur',address:'Av. Insurgentes Sur 454, Roma Sur, CDMX',price:'$24,730 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Goza de la mejor vida urbana en el coraz\u00f3n de la col. Roma en un depa con todo incluido y amenidades para potenciar tu d\u00eda',link:'https:\/\/urbanista.mx\/magda-la-roma\/'},\n {name:'JOSEFA',zone:'Reforma',address:'Paseo de la Reforma 390, Cuauht\u00e9moc, CDMX',price:'$26,930 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Vive donde todo pasa: a pasos del \u00c1ngel de la Independencia, vistas incre\u00edbles y con todo lo que necesitas incluido',link:'https:\/\/urbanista.mx\/josefa-reforma\/'},\n {name:'MATILDE',zone:'Ju\u00e1rez',address:'Donato Guerra 1, Ju\u00e1rez, CDMX',price:'$20,030 MXN',priceNote:'con servicios incluidos',tag:'DESDE $20K',desc:'La opci\u00f3n m\u00e1s accesible en una de las colonias m\u00e1s c\u00e9ntricas y conectadas de la ciudad',link:'https:\/\/urbanista.mx\/matilde-juarez\/'},\n {name:'NATALIA',zone:'Doctores',address:'Dr. Carmona y Valle 25, Doctores, CDMX',price:'$24,730 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Atr\u00e1s de la Arena M\u00e9xico, cerca de la Roma y con amenidades pensadas para tu ritmo de vida',link:'https:\/\/urbanista.mx\/natalia-doctores\/'},\n {name:'JOAQUINA',zone:'Del Valle',address:'San Francisco 345, Del Valle, CDMX',price:'$22,000 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Tu depa cerca del WTC y de la N\u00e1poles, con aislamiento ac\u00fastico y amenidades premium para simplificar tu d\u00eda a d\u00eda',link:'https:\/\/urbanista.mx\/joaquina-del-valle\/'},\n {name:'LEONA',zone:'Condesa',address:'Montes de Oca 47, Condesa, CDMX',price:'',priceNote:'',tag:'SIN DISPONIBILIDAD',desc:'Ubicado en el coraz\u00f3n de la Condesa, a unos pasos del Parque M\u00e9xico y Parque Espa\u00f1a. \u00a1Sin disponibilidad!',link:'https:\/\/urbanista.mx\/leona-condesa\/'},\n {name:'ENRIQUETA',zone:'Sta. Mar\u00eda',address:'Santa Mar\u00eda la Ribera, CDMX',price:'PR\u00d3XIMAMENTE',priceNote:'un barrio que te envuelve sin prisa',tag:'PR\u00d3XIMAMENTE',desc:'Tu depa a calles del ic\u00f3nico Kiosko Morisco y de Plaza Buenavista, con confort premium, seguridad 24\/7 y amenidades para vivir en tu propio oasis urbano... \u00a1Pr\u00f3ximamente en 2026!',link:'https:\/\/urbanista.mx\/enriqueta-santa-maria-la-ribera'}\n];\n\n\nlet bsCurrent=0,bsTimer;\nconst bsSlides=document.querySelectorAll('.bs-slide'),\n bsTabs=document.querySelectorAll('.bs-tab'),\n bsSelector=document.getElementById('bsSelector');\n\nfunction showBuilding(i){\n bsCurrent=i;const b=buildings[i];\n bsSlides.forEach(s=>s.classList.remove('active'));\n if(bsSlides[i]) bsSlides[i].classList.add('active');\n bsTabs.forEach(t=>t.classList.remove('active'));\n if(bsTabs[i]) bsTabs[i].classList.add('active');\n document.getElementById('bsName').textContent=b.name;\n document.getElementById('bsAddress').textContent=b.address;\n document.getElementById('bsPrice').textContent=b.price;\n document.getElementById('bsPriceNote').textContent=b.priceNote;\n document.getElementById('bsTag').textContent=b.tag;\n document.getElementById('bsDesc').textContent=b.desc;\n document.getElementById('bsConoce').href=b.link;\n document.getElementById('bsProgressBar').style.width=((i+1)\/buildings.length*100)+'%';\n\n\n if(bsSelector&&bsTabs[i]){\n const tab=bsTabs[i];\n const left=tab.offsetLeft-(bsSelector.clientWidth\/2)+(tab.clientWidth\/2);\n const max=bsSelector.scrollWidth-bsSelector.clientWidth;\n bsSelector.scrollTo({left:Math.max(0,Math.min(left,max)),behavior:'smooth'})\n }\n resetBsTimer()\n}\nfunction resetBsTimer(){clearInterval(bsTimer);bsTimer=setInterval(()=>showBuilding((bsCurrent+1)%buildings.length),6000)}\nbsTabs.forEach(t=>t.addEventListener('click',()=>showBuilding(+t.dataset.index)));\ndocument.getElementById('bsNext').addEventListener('click',()=>showBuilding((bsCurrent+1)%buildings.length));\ndocument.getElementById('bsPrev').addEventListener('click',()=>showBuilding((bsCurrent-1+buildings.length)%buildings.length));\nresetBsTimer();\ndocument.addEventListener('keydown',e=>{\n if(e.key==='ArrowRight')showBuilding((bsCurrent+1)%buildings.length);\n if(e.key==='ArrowLeft')showBuilding((bsCurrent-1+buildings.length)%buildings.length)\n});\nlet touchStartX=0;\nconst showcase=document.getElementById('showcaseView');\nif(showcase){\n showcase.addEventListener('touchstart',e=>{touchStartX=e.changedTouches[0].screenX},{passive:true});\n showcase.addEventListener('touchend',e=>{\n const diff=touchStartX-e.changedTouches[0].screenX;\n if(Math.abs(diff)>50){diff>0?showBuilding((bsCurrent+1)%buildings.length):showBuilding((bsCurrent-1+buildings.length)%buildings.length)}\n },{passive:true})\n}\ndocument.querySelectorAll('.view-toggle-btn').forEach(btn=>{\n btn.addEventListener('click',()=>{\n document.querySelectorAll('.view-toggle-btn').forEach(b=>b.classList.remove('active'));\n btn.classList.add('active');\n const v=btn.dataset.view;\n document.getElementById('showcaseView').classList.toggle('hidden',v!=='showcase');\n document.getElementById('gridView').classList.toggle('hidden',v!=='grid')\n })\n});\n\n\/* \u2550\u2550\u2550 PAUSE SHOWCASE ON INTERACTION \u2550\u2550\u2550 *\/\n(function(){\n const content = document.querySelector('.bs-content');\n const selectorBar = document.getElementById('bsSelector');\n if(!content) return;\n\n function pauseShowcase(){ clearInterval(bsTimer) }\n function resumeShowcase(){ resetBsTimer() }\n\n \/\/ Pause on hover over content area (info + forms)\n content.addEventListener('mouseenter', pauseShowcase);\n content.addEventListener('mouseleave', resumeShowcase);\n\n \/\/ Pause on hover over tab selector\n if(selectorBar){\n selectorBar.addEventListener('mouseenter', pauseShowcase);\n selectorBar.addEventListener('mouseleave', resumeShowcase);\n }\n\n \/\/ Pause when user focuses any form input inside showcase\n content.addEventListener('focusin', pauseShowcase);\n content.addEventListener('focusout', resumeShowcase);\n\n \/\/ Pause on touch interaction (mobile)\n content.addEventListener('touchstart', pauseShowcase, {passive:true});\n content.addEventListener('touchend', function(){\n \/\/ Resume after a delay to avoid immediate slide change\n setTimeout(resumeShowcase, 3000);\n }, {passive:true});\n})();\n\n\/* \u2550\u2550\u2550 EXPERIENCE RANGE SLIDER \u2550\u2550\u2550 *\/\n(function(){\n const track=document.getElementById('expTrack');\n const range=document.getElementById('expRange');\n const rangeFill=document.getElementById('expRangeFill');\n const hint=document.getElementById('expSliderHint');\n if(!track||!range) return;\n\n if(window.innerWidth>1024){\n let maxScroll=0;\n function calcMax(){maxScroll=Math.max(0,track.scrollWidth-track.parentElement.offsetWidth)}\n calcMax();\n window.addEventListener('resize',calcMax);\n\n range.addEventListener('input',function(){\n if(!this.classList.contains('interacted')){\n this.classList.add('interacted');\n if(hint)hint.style.opacity='0';\n }\n const pct=this.value\/100;\n const tx=-pct*maxScroll;\n track.style.transform='translateX('+tx+'px)';\n if(rangeFill)rangeFill.style.width=this.value+'%';\n });\n\n track.querySelectorAll('img').forEach(function(img){img.addEventListener('load',calcMax)});\n setTimeout(calcMax,1000);\n }\n})();\n\n\/* \u2550\u2550\u2550 STEPS ANIMATION \u2550\u2550\u2550 *\/\n(function(){\n const grid=document.getElementById('stepsGrid');\n if(!grid) return;\n const formCard=grid.querySelector('.step-form-card');\n const rows=grid.querySelectorAll('.step-row');\n const connectors=grid.querySelectorAll('.step-connector');\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{\n if(e.isIntersecting){\n if(formCard) formCard.classList.add('animate');\n rows.forEach(c=>c.classList.add('animate'));\n connectors.forEach(c=>c.classList.add('animate'));\n obs.unobserve(grid)\n }\n })\n },{threshold:.15});\n obs.observe(grid)\n})();\n\n\/* Reveal *\/\nconst revealObs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');revealObs.unobserve(e.target)}})\n},{threshold:.15});\ndocument.querySelectorAll('.reveal').forEach(el=>revealObs.observe(el));\n\n\/* Conceptos slider *\/\nlet csCurrent=0,csTimer;\nconst csSlides=document.querySelectorAll('.concepto-slide'),csDots=document.querySelectorAll('.cs-nav-dot');\nfunction showCS(i){\n csCurrent=i;\n csSlides.forEach(s=>s.classList.remove('active'));csSlides[i].classList.add('active');\n csDots.forEach(d=>d.classList.remove('active'));csDots[i].classList.add('active');\n document.getElementById('csCurrentNum').textContent=String(i+1).padStart(2,'0');\n resetCsTimer()\n}\nfunction resetCsTimer(){clearInterval(csTimer);csTimer=setInterval(()=>showCS((csCurrent+1)%csSlides.length),7000)}\ncsDots.forEach(d=>d.addEventListener('click',()=>showCS(+d.dataset.cs)));\ndocument.getElementById('csNext').addEventListener('click',()=>showCS((csCurrent+1)%csSlides.length));\ndocument.getElementById('csPrev').addEventListener('click',()=>showCS((csCurrent-1+csSlides.length)%csSlides.length));\nresetCsTimer();\n<\/script>\n\n\n<div class=\"sidebar-overlay\" id=\"sidebarOverlay\"><\/div>\n<div class=\"sidebar-panel\" id=\"sidebarPanel\">\n <div class=\"sidebar-header\">\n <div class=\"sidebar-title\">AGENDAR <span>VISITA<\/span><\/div>\n <div class=\"sidebar-close\" id=\"sidebarCloseBtn\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"sidebar-body\">\n <div class=\"sidebar-building-badge\">\n <span class=\"live-dot\"><\/span> <span id=\"sidebarBuildingBadge\">DISPONIBLE<\/span>\n <\/div>\n <h3 style=\"font-size:24px;color:white;margin-bottom:8px;\" id=\"sidebarBuildingName\">EDIFICIO<\/h3>\n <p style=\"font-size:14px;color:rgba(255,255,255,.6);margin-bottom:24px;\">D\u00e9janos tus datos y nos comunicaremos contigo para agendar un recorrido en este edificio.<\/p>\n <div class=\"sidebar-form-container\" id=\"sidebarFormTarget\"><\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ Sidebar event listeners (must be AFTER the sidebar HTML)\ndocument.getElementById('sidebarOverlay').addEventListener('click', closeSidebar);\ndocument.getElementById('sidebarCloseBtn').addEventListener('click', closeSidebar);\ndocument.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeSidebar(); });\n<\/script>\n\n\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\" defer><\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Urbanista \u2014 Departamentos en Renta en CDMX sin Aval | N\u00e1poles, Polanco, Roma Concepto Comunidades Experiencias Blog FAQ AGENDAR VISITA Concepto Comunidades Experiencias Blog FAQ<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22173","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=22173"}],"version-history":[{"count":4,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22173\/revisions"}],"predecessor-version":[{"id":22246,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22173\/revisions\/22246"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=22173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22173,"date":"2026-03-05T12:49:17","date_gmt":"2026-03-05T18:49:17","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=22173"},"modified":"2026-03-09T09:52:45","modified_gmt":"2026-03-09T15:52:45","slug":"prueba-2026","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/prueba-2026\/","title":{"rendered":"prueba 2026"},"content":{"rendered":"\n\n\n\n\n\n\n\nUrbanista \u2014 Departamentos en Renta en CDMX sin Aval | N\u00e1poles, Polanco, Roma<\/title>\n<meta name=\"description\" content=\"Departamentos y studios en renta en CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h. Disponibles en N\u00e1poles, Polanco, Roma Sur, Reforma, Condesa y Del Valle.\">\n<meta name=\"keywords\" content=\"departamentos en renta CDMX, renta sin aval Ciudad de M\u00e9xico, studios en renta CDMX, departamentos amueblados CDMX, renta Polanco, renta Roma, renta Reforma, renta Condesa, departamentos renta 12 meses, Urbanista departamentos\">\n<meta name=\"robots\" content=\"index, follow\">\n<meta name=\"author\" content=\"Urbanista\">\n<link rel=\"canonical\" href=\"https:\/\/urbanista.mx\/\">\n<link rel=\"icon\" type=\"image\/webp\" href=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png.webp\">\n<meta name=\"theme-color\" content=\"#004e64\">\n\n\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/urbanista.mx\/\">\n<meta property=\"og:title\" content=\"Urbanista \u2014 Departamentos en Renta en CDMX sin Aval\">\n<meta property=\"og:description\" content=\"Studios y depas en renta a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h. Sin aval, sin complicaciones. Disponibles en las mejores colonias de CDMX.\">\n<meta property=\"og:image\" content=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/amalia-fachada.jpg\">\n<meta property=\"og:image:width\" content=\"1200\">\n<meta property=\"og:image:height\" content=\"630\">\n<meta property=\"og:image:alt\" content=\"Urbanista \u2014 Departamentos en renta en CDMX\">\n<meta property=\"og:locale\" content=\"es_MX\">\n<meta property=\"og:site_name\" content=\"Urbanista\">\n\n\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:site\" content=\"@urbanistamx\">\n<meta name=\"twitter:title\" content=\"Urbanista \u2014 Departamentos en Renta en CDMX sin Aval\">\n<meta name=\"twitter:description\" content=\"Studios y depas en renta a 12 meses con servicios incluidos. Sin aval. Confirmaci\u00f3n en 24h. Las mejores colonias de CDMX.\">\n<meta name=\"twitter:image\" content=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/amalia-fachada.jpg\">\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Urbanista\",\n \"url\": \"https:\/\/urbanista.mx\",\n \"logo\": \"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png.webp\",\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+52-55-1234-5678\",\n \"contactType\": \"customer service\",\n \"availableLanguage\": \"Spanish\"\n },\n \"sameAs\": [\n \"https:\/\/www.instagram.com\/urbanista.mx\",\n \"https:\/\/www.facebook.com\/urbanistamx\"\n ]\n}\n<\/script>\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"LocalBusiness\",\n \"name\": \"Urbanista \u2014 Departamentos en Renta CDMX\",\n \"description\": \"Departamentos y studios en renta en CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h.\",\n \"url\": \"https:\/\/urbanista.mx\",\n \"telephone\": \"+52-55-1234-5678\",\n \"email\": \"hola@urbanista.mx\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Ciudad de M\u00e9xico\",\n \"addressRegion\": \"CDMX\",\n \"addressCountry\": \"MX\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": \"19.4326\",\n \"longitude\": \"-99.1332\"\n },\n \"priceRange\": \"$$$\",\n \"openingHours\": \"Mo-Su 09:00-21:00\",\n \"aggregateRating\": {\n \"@type\": \"AggregateRating\",\n \"ratingValue\": \"4.9\",\n \"reviewCount\": \"120\"\n }\n}\n<\/script>\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/js.hsforms.net\">\n<link rel=\"preconnect\" href=\"https:\/\/forms.hubspot.com\">\n<link rel=\"preconnect\" href=\"https:\/\/urbanista.mx\">\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\" media=\"print\" onload=\"this.media='all'\">\n<noscript><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\"><\/noscript>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n URBANISTA \u2014 STYLESHEET UNIFICADO\n Todos los estilos en un solo archivo.\n Los bloques de formulario est\u00e1n comentados en espa\u00f1ol.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n:root {\n --blue: #004e64;\n --blue-dark: #003847;\n --blue-deeper: #002a36;\n --blue-light: #0a7e8c;\n --blue-pale: #e8f4f8;\n --accent: #00b4d8;\n --accent-glow: rgba(0,180,216,0.3);\n --white: #ffffff;\n --off-white: #f5f9fa;\n --text-dark: #1a2a30;\n --text-mid: #4a6670;\n --text-light: #7a9aa5;\n --transition: cubic-bezier(0.16,1,0.3,1);\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth;overflow-x:hidden}\nbody{font-family:'DM Sans',sans-serif;font-weight:400;background:var(--white);color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}\n\n.cursor-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;mix-blend-mode:difference;transition:transform .1s}\n.cursor-ring{width:40px;height:40px;border:1.5px solid rgba(0,180,216,.4);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transition:all .15s ease-out;transform:translate(-50%,-50%)}\n.cursor-ring.hover{width:64px;height:64px;border-color:var(--accent);background:rgba(0,180,216,.06)}\n\n\/* \u2550\u2550\u2550 NAV \u2550\u2550\u2550 *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;transition:all .5s var(--transition)}\nnav.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);padding:14px 48px;border-bottom:1px solid rgba(0,78,100,.08);box-shadow:0 2px 20px rgba(0,78,100,.06)}\n.nav-logo img{height:26px;filter:brightness(0) invert(1);transition:filter .3s}\nnav.scrolled .nav-logo img{filter:none}\n.nav-links{display:flex;gap:32px;align-items:center;list-style:none}\n.nav-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:500;transition:color .3s;position:relative}\nnav.scrolled .nav-links a{color:var(--text-mid)}\n.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .4s var(--transition)}\n.nav-links a:hover{color:var(--white)}\nnav.scrolled .nav-links a:hover{color:var(--blue)}\n.nav-links a:hover::after{width:100%}\n.nav-cta{background:var(--accent)!important;color:var(--white)!important;padding:10px 24px!important;border-radius:100px;font-weight:700!important;font-size:12px!important;letter-spacing:1.5px!important;transition:transform .3s,box-shadow .3s!important}\n.nav-cta::after{display:none!important}\n.nav-cta:hover{transform:scale(1.05)!important;box-shadow:0 0 30px var(--accent-glow)!important}\n.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;position:relative}\n.nav-toggle span{width:24px;height:2px;background:var(--white);transition:all .3s;display:block}\nnav.scrolled .nav-toggle span{background:var(--blue)}\n.nav-toggle.open span{background:var(--white)!important}\n.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}\n.nav-toggle.open span:nth-child(2){opacity:0}\n.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}\n\n.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,42,54,.98);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{color:var(--white);text-decoration:none;font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:4px;transition:color .3s}\n.mobile-menu-overlay a:hover{color:var(--accent)}\n.mobile-menu-overlay .nav-cta-mobile{background:var(--accent);color:var(--white);padding:14px 36px;border-radius:100px;font-size:18px;letter-spacing:2px;margin-top:20px}\n\n.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 48px 80px;position:relative;overflow:hidden;background:var(--blue-deeper);text-align:center}\n.hero-video{position:absolute;inset:0;z-index:0}\n.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,42,54,.6) 0%,rgba(0,42,54,.3) 40%,rgba(0,42,54,.7) 100%);z-index:1}\n.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,216,.15) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}\n.hero::after{content:'';position:absolute;bottom:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,180,216,.1) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite reverse}\n@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}\n\n.hero-content{position:relative;z-index:2;max-width:900px;margin-bottom:40px}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,180,216,.15);border:1px solid rgba(0,180,216,.3);padding:8px 18px;border-radius:100px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:28px;opacity:0;transform:translateY(20px);animation:fadeUp .8s .3s var(--transition) forwards}\n.hero-badge .pulse{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}\n.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,8vw,110px);line-height:.95;letter-spacing:-1px;color:var(--white);margin-bottom:20px;opacity:0;transform:translateY(40px);animation:fadeUp 1s .5s var(--transition) forwards}\n.hero-title .accent{color:var(--accent);position:relative;display:inline-block}\n.hero-title .accent::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:5px;background:var(--accent);opacity:.3}\n.hero-sub{font-size:30px;color:rgba(255,255,255,.75);line-height:1.55;max-width:900px;margin:0 auto 36px;font-weight:400;opacity:0;transform:translateY(30px);animation:fadeUp 1s .7s var(--transition) forwards}\n.hero-stats{display:flex;gap:48px;justify-content:center;margin-bottom:10px;opacity:0;animation:fadeUp 1s .9s var(--transition) forwards}\n.stat-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--accent);line-height:1}\n.stat-label{font-size:13px;font-weight:500;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:1px;margin-top:4px}\n\n.hero-amenidades{position:relative;z-index:2;width:100%;max-width:1500px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;opacity:0;transform:translateY(40px);animation:fadeUp 1s 1.1s var(--transition) forwards}\n.hero-amen-col{height:390px;overflow:hidden;border-radius:16px;position:relative}\n.hero-amen-col-track{display:flex;flex-direction:column}\n.hero-amen-col:nth-child(1) .hero-amen-col-track{animation:scrollUp1 20s linear infinite}\n.hero-amen-col:nth-child(2) .hero-amen-col-track{animation:scrollDown1 24s linear infinite}\n.hero-amen-col:nth-child(3) .hero-amen-col-track{animation:scrollUp2 22s linear infinite}\n.hero-amen-card{width:100%;height:320px;flex-shrink:0;position:relative;overflow:hidden}\n.hero-amen-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}\n.hero-amen-col:hover .hero-amen-col-track{animation-play-state:paused}\n.hero-amen-col:hover .hero-amen-card img{transform:scale(1.03)}\n.hero-amen-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,42,54,.85) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}\n.hero-amen-label{font-family:'Bebas Neue',sans-serif;font-size:35px;color:var(--white);letter-spacing:2px}\n.hero-amen-sub{font-size:20px;color:#fff;margin-top:-10px}\n.hero-amen-tag{display:inline-block;margin-top:10px;background:rgba(0,180,216,.2);border:1px solid rgba(0,180,216,.4);color:var(--accent);padding:4px 14px;border-radius:100px;font-weight:600;font-size:11px;letter-spacing:1px;width:fit-content}\n@keyframes scrollUp1{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}\n@keyframes scrollDown1{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}\n@keyframes scrollUp2{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}\n.hero-amen-col::after{content:'';position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(0,42,54,.4) 0%,transparent 100%);z-index:2;pointer-events:none}\n.hero-amen-col::before{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(0deg,rgba(0,42,54,.4) 0%,transparent 100%);z-index:2;pointer-events:none}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2588\u2588 FORMULARIOS HUBSPOT \u2014 ESTILOS GLOBALES COMPARTIDOS\n \u2588\u2588 \n \u2588\u2588 Estos estilos aplican a TODOS los formularios HubSpot embebidos.\n \u2588\u2588 Se usan clases gen\u00e9ricas de HS (.hs-form, .hs-form-field, etc.)\n \u2588\u2588 dentro de contenedores espec\u00edficos para cada ubicaci\u00f3n.\n \u2588\u2588 \n \u2588\u2588 UBICACIONES DE FORMULARIOS:\n \u2588\u2588 1. Hero Form Bar \u2192 .hero-form-inner (horizontal)\n \u2588\u2588 2. Showcase \/ Comunidades \u2192 .hero-form-inner (dentro de .bs-forms-wrapper)\n \u2588\u2588 3. Steps \/ Pasos \u2192 #stepsHubspotForm (vertical)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n HERO FORM BAR \u2014 Barra de formulario principal debajo del hero\n Layout: horizontal (flex row), con dividers verticales entre campos\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.input {\n border-bottom: 0.1px solid #c3c3c3;\n}\n\/* Barra contenedora flotante *\/\n.hero-form-bar {\n position: relative;\n z-index: 10;\n margin-top: -50px;\n padding: 0 48px;\n}\n\n\/* Caja blanca con sombra y l\u00ednea accent izquierda *\/\n.hero-form-inner {\n max-width: 80%;\n margin: 0 auto;\n background: var(--white);\n border-radius: 20px;\n padding: 0 !important;\n box-shadow: 0 20px 60px rgba(0, 42, 54, .2), 0 0 0 1px rgba(0, 78, 100, .06);\n position: relative;\n overflow: hidden;\n}\n\n\/* L\u00ednea decorativa accent en el borde izquierdo *\/\n.hero-form-inner::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 4px; height: 100%;\n background: linear-gradient(180deg, var(--accent), var(--blue));\n border-radius: 20px 0 0 20px;\n}\n\n\/* Layout flex horizontal del formulario HS *\/\n.hero-form-inner .hs-form {\n display: flex !important;\n flex-wrap: nowrap !important;\n align-items: stretch !important;\n gap: 0 !important;\n width: 100% !important;\n}\n\n\/* Cada campo del formulario = una \"celda\" con divider derecho *\/\n.hero-form-inner .hs-form-field {\n flex: 1 !important;\n min-width: 0 !important;\n position: relative !important;\n padding: 18px 24px !important;\n border-right: 1px solid rgba(0, 78, 100, .08) !important;\n}\n\n\/* Campo de tel\u00e9fono: el doble de ancho que los dem\u00e1s *\/\n.hero-form-inner .hs-form-field.hs-fieldtype-intl-phone,\n.hero-form-inner .hs-form-field:nth-child(2) {\n flex: 2 !important;\n}\n\n\/* \u00daltimo campo sin divider derecho *\/\n.hero-form-inner .hs-form-field:last-of-type {\n border-right: none !important;\n}\n\n\/* \u2500\u2500 LABELS: texto visible + icono \u2500\u2500 *\/\n.hero-form-inner .hs-form-field > label {\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n font-size: 10px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--accent) !important;\n font-family: 'DM Sans', sans-serif !important;\n margin-bottom: 6px !important;\n line-height: 1 !important;\n}\n\n.hero-form-inner .hs-form-field > label span {\n display: inline !important;\n visibility: visible !important;\n font-size: 10px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--accent) !important;\n}\n\n.hero-form-inner .hs-form-field > label::before {\n content: '';\n display: inline-block;\n width: 14px !important;\n height: 14px !important;\n flex-shrink: 0;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n opacity: .7;\n}\n\n\/* \u2500\u2500 ICONO + TEXTO EN LABEL (FIX HUBSPOT) \u2500\u2500 *\/\n.hero-form-inner .hs-form-field label{\n font-size:0;\n}\n\n.hero-form-inner .hs-form-field label::before{\n display:inline-flex;\n align-items:center;\n padding-left:26px;\n background-repeat:no-repeat;\n background-position:left center;\n background-size:18px;\n font-size:14px;\n font-weight:600;\n color:#0a2540;\n}\n\n\/* 1 Nombre *\/\n.hero-form-inner .hs-form-field:nth-child(1) label::before{\n content:\"Nombre\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'\/%3E%3Ccircle cx='12' cy='7' r='4'\/%3E%3C\/svg%3E\");\n}\n\n\/* 2 Tel\u00e9fono *\/\n.hero-form-inner .hs-form-field:nth-child(3) label::before{\n content:\"Tel\u00e9fono\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'\/%3E%3C\/svg%3E\");\n}\n\n\/* 3 Email *\/\n.hero-form-inner .hs-form-field:nth-child(2) label::before{\n content:\"Email\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'\/%3E%3Cpolyline points='22,6 12,13 2,6'\/%3E%3C\/svg%3E\");\n}\n\n\/* 4 Edificio *\/\n.hero-form-inner .hs-form-field:nth-child(4) label::before{\n content:\"Edificio\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'\/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'\/%3E%3C\/svg%3E\");\n}\n\n\/* 5 Presupuesto *\/\n.hero-form-inner .hs-form-field:nth-child(5) label::before{\n content:\"Presupuesto\";\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'\/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'\/%3E%3C\/svg%3E\");\n}\n\n\/* \u2500\u2500 INPUTS del hero form \u2500\u2500 *\/\n.hero-form-inner input[type=text],\n.hero-form-inner input[type=email],\n.hero-form-inner input[type=tel],\n.hero-form-inner input[type=number],\n.hero-form-inner select,\n.hero-form-inner .hs-input {\n width: 100% !important;\n border: none !important;\n border-radius: 0 !important;\n padding: 4px 0 2px !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n color: var(--text-dark) !important;\n background: transparent !important;\n outline: none !important;\n box-shadow: none !important;\n -webkit-appearance: none !important;\n line-height: 1.4 !important;\n}\n\n.hero-form-inner input::placeholder {\n color: var(--text-light) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n}\n\n.hero-form-inner input:focus,\n.hero-form-inner select:focus {\n outline: none !important;\n box-shadow: none !important;\n}\n\n\/* \u2500\u2500 Campo de tel\u00e9fono internacional \u2500\u2500 *\/\n.hero-form-inner .hs-fieldtype-intl-phone.hs-input {\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n width: 100% !important;\n}\n\n.hero-form-inner .hs-fieldtype-intl-phone.hs-input select {\n width: 14px !important;\n min-width: 46px !important;\n max-width: 8px !important;\n flex-shrink: 0 !important;\n border: none !important;\n border-radius: 0 !important;\n padding: 4px 0 2px !important;\n font-size: 13px !important;\n color: var(--text-dark) !important;\n background: transparent !important;\n line-height: 1.4 !important;\n cursor: pointer !important;\n}\n\n.hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field {\n min-width: 270px !important;\n}\n\n.hero-form-inner .hs-fieldtype-intl-phone.hs-input input {\n flex: 1 !important;\n width: auto !important;\n min-width: 0 !important;\n}\n\n\/* \u2500\u2500 Bot\u00f3n SUBMIT del hero form \u2500\u2500 *\/\n.hero-form-inner .hs-submit {\n flex-shrink: 0 !important;\n display: flex !important;\n align-items: center !important;\n padding: 12px 16px 12px 8px !important;\n}\n\n.hero-form-inner .hs-button {\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%) !important;\n color: var(--white) !important;\n border: none !important;\n padding: 16px 36px !important;\n border-radius: 14px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 18px !important;\n letter-spacing: 3px !important;\n cursor: pointer !important;\n transition: all .4s var(--transition) !important;\n white-space: nowrap !important;\n box-shadow: none !important;\n width: auto !important;\n}\n\n.hero-form-inner .hs-button:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 10px 30px rgba(0, 78, 100, .3) !important;\n}\n\n\/* \u2500\u2500 Mensajes de error \u2500\u2500 *\/\n.hero-form-inner .hs-error-msgs {\n position: absolute !important;\n bottom: 2px !important;\n left: 24px !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n.hero-form-inner .hs-error-msgs li { list-style: none !important }\n.hero-form-inner .hs-error-msg {\n color: #ff4444 !important;\n font-size: 10px !important;\n margin: 0 !important;\n}\n\n.hero-form-inner .hs-form-required { display: none !important }\n\n.hero-form-inner .legal-consent-container {\n font-size: 11px !important;\n color: var(--text-light) !important;\n flex-basis: 100% !important;\n margin-top: 8px !important;\n padding: 0 24px 16px !important;\n}\n.hero-form-inner .legal-consent-container a { color: var(--accent) !important }\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SIDEBAR DE FORMULARIOS \u2014 Se abre con bot\u00f3n \"Agendar Visita\"\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.option {\n color: #1a4b77 !important;\n}\n.sidebar-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0,20,30,.6);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n z-index: 9998;\n opacity: 0;\n pointer-events: none;\n transition: opacity .4s ease;\n}\n.sidebar-overlay.open { opacity: 1; pointer-events: all; }\n\n.sidebar-panel {\n position: fixed;\n top: 0;\n right: -480px;\n width: 460px;\n max-width: 92vw;\n height: 100vh;\n background: linear-gradient(180deg, #001a24 0%, #002a36 100%);\n z-index: 9999;\n overflow-y: auto;\n transition: right .45s cubic-bezier(.22,1,.36,1);\n box-shadow: -20px 0 60px rgba(0,0,0,.4);\n scrollbar-width: thin;\n scrollbar-color: var(--accent) transparent;\n}\n.sidebar-panel.open { right: 0; }\n\n.sidebar-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 28px 32px 20px;\n border-bottom: 1px solid rgba(0,180,216,.15);\n}\n\n.sidebar-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 28px;\n letter-spacing: 3px;\n color: var(--white);\n line-height: 1;\n}\n\n.sidebar-title span {\n color: var(--accent);\n}\n\n.sidebar-close {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,.15);\n background: rgba(255,255,255,.05);\n color: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all .3s ease;\n}\n.sidebar-close:hover { background: rgba(255,255,255,.12); border-color: var(--accent); }\n.sidebar-close svg { width: 18px; height: 18px; }\n\n.sidebar-body {\n padding: 32px;\n}\n\n.sidebar-building-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(0,180,216,.12);\n border: 1px solid rgba(0,180,216,.25);\n color: var(--accent);\n padding: 6px 16px;\n border-radius: 100px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 20px;\n}\n\n.sidebar-building-badge .live-dot {\n width: 6px; height: 6px;\n background: var(--accent);\n border-radius: 50%;\n animation: pulse 2s infinite;\n}\n\n.sidebar-form-container {\n min-height: 200px;\n}\n\n\/* \u2500\u2500 Sidebar vertical form styling (HubSpot old embed) \u2500\u2500 *\/\n.sidebar-form-container .hs-form {\n display: flex !important;\n flex-direction: column !important;\n gap: 0 !important;\n}\n\n.sidebar-form-container .hs-form-field {\n padding: 0 !important;\n margin-bottom: 20px !important;\n border: none !important;\n}\n\n.sidebar-form-container .hs-form-field > label {\n display: block !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--accent) !important;\n margin-bottom: 8px !important;\n}\n\n.sidebar-form-container .hs-form-field > label > span {\n font-size: 11px !important;\n color: var(--accent) !important;\n}\n\n.sidebar-form-container .hs-form-field .hs-input,\n.sidebar-form-container .hs-form-field input.hs-input,\n.sidebar-form-container .hs-form-field select.hs-input {\n width: 100% !important;\n background: rgba(255,255,255,.06) !important;\n border: 1px solid rgba(255,255,255,.12) !important;\n border-radius: 12px !important;\n padding: 14px 18px !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 15px !important;\n color: var(--white) !important;\n transition: border-color .3s ease, background .3s ease !important;\n outline: none !important;\n box-sizing: border-box !important;\n}\n\n.sidebar-form-container .hs-form-field .hs-input:focus {\n border-color: var(--accent) !important;\n background: rgba(0,180,216,.06) !important;\n}\n\n.sidebar-form-container .hs-form-field .hs-input::placeholder {\n color: rgba(255,255,255,.35) !important;\n}\n\n\/* Fix for select options contrast in sidebar *\/\n.sidebar-form-container .hs-form-field select.hs-input option {\n color: var(--text-dark) !important;\n background-color: var(--white) !important;\n}\n\n\/* Phone international field *\/\n.sidebar-form-container .hs-fieldtype-intl-phone {\n display: flex !important;\n gap: 10px !important;\n}\n\n.sidebar-form-container .hs-fieldtype-intl-phone select.hs-input {\n width: auto !important;\n min-width: 90px !important;\n max-width: 120px !important;\n flex-shrink: 0 !important;\n}\n\n.sidebar-form-container .hs-fieldtype-intl-phone input.hs-input {\n flex: 1 !important;\n}\n\n\/* Hidden fields *\/\n.sidebar-form-container .hs-form-field[style*=\"display: none\"],\n.sidebar-form-container .hs-form-field[style*=\"display:none\"] {\n display: none !important;\n margin: 0 !important;\n}\n\n\/* Legal consent *\/\n.sidebar-form-container .legal-consent-container {\n margin-top: 8px !important;\n margin-bottom: 20px !important;\n}\n\n.sidebar-form-container .legal-consent-container label {\n font-size: 12px !important;\n color: rgba(255,255,255,.45) !important;\n line-height: 1.5 !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n cursor: pointer !important;\n}\n\n.sidebar-form-container .legal-consent-container input[type=checkbox] {\n width: 18px !important;\n height: 18px !important;\n flex-shrink: 0 !important;\n margin-top: 2px !important;\n accent-color: var(--accent) !important;\n}\n\n.sidebar-form-container .hs-form-required {\n color: var(--accent) !important;\n}\n\n\/* Submit button *\/\n.sidebar-form-container .hs-submit .actions {\n margin-top: 4px !important;\n}\n\n.sidebar-form-container .hs-button {\n width: 100% !important;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%) !important;\n color: var(--white) !important;\n border: none !important;\n padding: 18px 32px !important;\n border-radius: 14px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 20px !important;\n letter-spacing: 4px !important;\n cursor: pointer !important;\n transition: all .4s var(--transition) !important;\n text-transform: uppercase !important;\n}\n\n.sidebar-form-container .hs-button:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 12px 36px rgba(0, 78, 100, .4) !important;\n}\n\n\/* Error messages *\/\n.sidebar-form-container .hs-error-msgs {\n color: #ff6b6b !important;\n font-size: 12px !important;\n margin-top: 6px !important;\n list-style: none !important;\n padding: 0 !important;\n}\n\n\/* \u2500\u2500 Botones CTA del showcase \u2500\u2500 *\/\n.bs-cta-row {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-top: 16px;\n}\n\n.bs-agendar-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%);\n color: var(--white);\n border: none;\n padding: 16px 32px;\n border-radius: 14px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 18px;\n letter-spacing: 3px;\n cursor: pointer;\n transition: all .4s var(--transition);\n text-transform: uppercase;\n box-shadow: 0 8px 32px rgba(0, 78, 100, .3);\n}\n\n.bs-agendar-cta:hover {\n transform: translateY(-3px);\n box-shadow: 0 14px 44px rgba(0, 78, 100, .45);\n}\n\n.bs-agendar-cta svg {\n stroke: var(--white);\n}\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n STEPS FORM \u2014 Formulario VERTICAL en la secci\u00f3n \"C\u00f3mo funciona\"\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n#stepsHubspotForm .hs-form {\n display: flex !important;\n flex-direction: column !important;\n gap: 0 !important;\n width: 100% !important;\n}\n\n#stepsHubspotForm .hs-form-field {\n position: relative !important;\n padding: 14px 0 !important;\n border-bottom: 1px solid rgba(0, 78, 100, .08) !important;\n}\n\n#stepsHubspotForm .hs-form-field:last-of-type {\n border-bottom: none !important;\n}\n\n#stepsHubspotForm .hs-form-field > label {\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n font-size: 10px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--accent) !important;\n font-family: 'DM Sans', sans-serif !important;\n margin-bottom: 6px !important;\n line-height: 1 !important;\n}\n\n#stepsHubspotForm .hs-form-field > label span {\n display: inline !important;\n visibility: visible !important;\n color: var(--accent) !important;\n}\n\n#stepsHubspotForm .hs-form-field > label::before {\n content: '';\n display: inline-block;\n width: 14px !important;\n height: 14px !important;\n flex-shrink: 0;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n opacity: .7;\n}\n\n#stepsHubspotForm .hs-form-field:nth-child(1) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'\/%3E%3Ccircle cx='12' cy='7' r='4'\/%3E%3C\/svg%3E\") !important;\n}\n#stepsHubspotForm .hs-form-field:nth-child(2) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'\/%3E%3C\/svg%3E\") !important;\n}\n#stepsHubspotForm .hs-form-field:nth-child(3) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'\/%3E%3Cpolyline points='22,6 12,13 2,6'\/%3E%3C\/svg%3E\") !important;\n}\n#stepsHubspotForm .hs-form-field:nth-child(4) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'\/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'\/%3E%3C\/svg%3E\") !important;\n}\n#stepsHubspotForm .hs-form-field:nth-child(5) > label::before {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'\/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'\/%3E%3C\/svg%3E\") !important;\n}\n\n#stepsHubspotForm input[type=text],\n#stepsHubspotForm input[type=email],\n#stepsHubspotForm input[type=tel],\n#stepsHubspotForm input[type=number],\n#stepsHubspotForm select,\n#stepsHubspotForm .hs-input {\n width: 100% !important;\n border: none !important;\n border-bottom: 1.5px solid rgba(0, 78, 100, .1) !important;\n border-radius: 0 !important;\n padding: 8px 0 6px !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n color: var(--text-dark) !important;\n background: transparent !important;\n outline: none !important;\n box-shadow: none !important;\n transition: border-color .3s !important;\n}\n\n#stepsHubspotForm input:focus,\n#stepsHubspotForm select:focus {\n border-bottom-color: var(--accent) !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n#stepsHubspotForm input::placeholder {\n color: var(--text-light) !important;\n font-size: 14px !important;\n}\n\n#stepsHubspotForm .hs-fieldtype-intl-phone.hs-input {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n width: 100% !important;\n}\n\n#stepsHubspotForm .hs-fieldtype-intl-phone.hs-input select {\n width: 80px !important;\n min-width: 80px !important;\n max-width: 80px !important;\n flex-shrink: 0 !important;\n border: none !important;\n border-bottom: 1.5px solid rgba(0, 78, 100, .1) !important;\n padding: 8px 0 6px !important;\n font-size: 14px !important;\n color: var(--text-dark) !important;\n background: transparent !important;\n cursor: pointer !important;\n}\n\n#stepsHubspotForm .hs-fieldtype-intl-phone.hs-input input {\n flex: 1 !important;\n width: auto !important;\n min-width: 0 !important;\n}\n\n#stepsHubspotForm .hs-submit {\n margin-top: 20px !important;\n}\n\n#stepsHubspotForm .hs-button {\n width: 100% !important;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%) !important;\n color: var(--white) !important;\n border: none !important;\n padding: 18px 36px !important;\n border-radius: 14px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 20px !important;\n letter-spacing: 3px !important;\n cursor: pointer !important;\n transition: all .4s var(--transition) !important;\n}\n\n#stepsHubspotForm .hs-button:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 10px 30px rgba(0, 78, 100, .3) !important;\n}\n\n#stepsHubspotForm .hs-error-msgs {\n margin: 4px 0 0 !important;\n padding: 0 !important;\n}\n#stepsHubspotForm .hs-error-msgs li { list-style: none !important }\n#stepsHubspotForm .hs-error-msg {\n color: #ff4444 !important;\n font-size: 11px !important;\n}\n\n#stepsHubspotForm .hs-form-required { display: none !important }\n\n#stepsHubspotForm .legal-consent-container {\n font-size: 11px !important;\n color: var(--text-light) !important;\n margin-top: 12px !important;\n}\n#stepsHubspotForm .legal-consent-container a { color: var(--accent) !important }\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2588\u2588 RESPONSIVE \u2014 FORMULARIOS EN MOBILE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n@media (max-width: 1024px) {\n .hero-form-inner {\n max-width: 100% !important;\n width: 100% !important;\n }\n\n .hero-form-inner .hs-form {\n flex-direction: column !important;\n }\n\n .hero-form-inner .hs-form-field {\n border-right: none !important;\n border-bottom: 1px solid rgba(0, 78, 100, .06) !important;\n padding: 14px 20px !important;\n flex: unset !important;\n }\n\n .hero-form-inner .hs-form-field.hs-fieldtype-intl-phone,\n .hero-form-inner .hs-form-field:nth-child(2) {\n flex: unset !important;\n }\n\n .hero-form-inner .hs-form-field:last-of-type {\n border-bottom: none !important;\n }\n\n .hero-form-inner .hs-submit {\n padding: 12px 20px 20px !important;\n }\n\n .hero-form-inner .hs-button {\n width: 100% !important;\n text-align: center !important;\n }\n\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FIN DE ESTILOS DE FORMULARIOS \u2014 INICIO DE ESTILOS GENERALES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\n.marquee-section{padding:20px 0;overflow:hidden;background:var(--off-white);border-bottom:1px solid rgba(0,78,100,.06)}\n.marquee-track{display:flex;animation:marquee 40s linear infinite;white-space:nowrap}\n.marquee-item{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:4px;color:#004e64;padding:0 32px;display:flex;align-items:center;gap:32px;flex-shrink:0}\n.marquee-item .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;opacity:.3}\n\n\/* \u2550\u2550\u2550 COMUNIDADES \u2550\u2550\u2550 *\/\n.comunidades-wrapper{height:100vh;display:flex;flex-direction:column;position:relative;background:var(--blue-deeper)}\n.view-toggle{display:flex;justify-content:center;gap:4px;padding:10px 0;background:rgba(0,42,54,.95);border-bottom:1px solid rgba(255,255,255,.06);z-index:30;flex-shrink:0}\n.view-toggle-btn{padding:8px 22px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:100px;cursor:pointer;transition:all .3s;font-family:'DM Sans',sans-serif;display:flex;align-items:center;gap:8px}\n.view-toggle-btn.active{color:var(--white);background:rgba(0,180,216,.15);border-color:var(--accent)}\n.view-toggle-btn:hover{color:rgba(255,255,255,.7)}\n.view-toggle-btn svg{width:14px;height:14px}\n\n.showcase-view{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}\n.showcase-view.hidden{display:none}\n.bs-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;z-index:1}\n.bs-slide.active{opacity:1;z-index:2}\n.bs-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 8s ease}\n.bs-slide.active img{transform:scale(1)}\n.bs-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,42,54,.4) 0%,rgba(0,42,54,.15) 30%,rgba(0,42,54,.88) 100%)}\n.bs-content{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 48px}\n.bs-info-tag{display:inline-flex;align-items:center;gap:6px;background:#00b4d8;border:1px solid rgba(0,180,216,.4);color:#ffffff;padding:5px 14px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}\n.bs-info-tag .live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}\n.bs-info-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,11vw,130px);color:var(--white);line-height:.85;letter-spacing:6px;margin-bottom:10px}\n.bs-description{font-size:26px;color:#ffffff;line-height:1.55;max-width:1000px;margin:0 auto 16px;font-weight:400;background-color:#002a36}\n.bs-info-zone{font-size:20px;color:#fff;margin-bottom:6px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}\n.bs-info-zone svg{width:15px;height:15px;stroke:var(--accent);flex-shrink:0}\n.bs-price{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,4vw,75px);color:var(--white);line-height:1;margin-bottom:2px}\n.bs-price-note {\n font-size: 13px;\n color: var(--text-light);\n margin-bottom: 24px;\n}\n\n\/* \u2500\u2500 Botones CTA del showcase \u2500\u2500 *\/\n.bs-cta-row {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-top: 16px;\n}\n\n.bs-agendar-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%);\n color: var(--white);\n border: none;\n padding: 16px 32px;\n border-radius: 14px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 18px;\n letter-spacing: 3px;\n cursor: pointer;\n transition: all .4s var(--transition);\n text-transform: uppercase;\n box-shadow: 0 8px 32px rgba(0, 78, 100, .3);\n}\n\n.bs-agendar-cta:hover {\n transform: translateY(-3px);\n box-shadow: 0 14px 44px rgba(0, 78, 100, .45);\n}\n\n.bs-agendar-cta svg {\n stroke: var(--white);\n}\n.bs-conoce{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid rgba(255,255,255,.35);color:var(--white);padding:12px 32px;border-radius:100px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all .4s var(--transition)}\n.bs-conoce:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}\n.bs-conoce svg{width:16px;height:16px;transition:transform .3s}\n.bs-conoce:hover svg{transform:translateX(3px)}\n\n.bs-arrows{position:absolute;top:50%;z-index:15;display:flex;justify-content:space-between;left:16px;right:16px;transform:translateY(-50%);pointer-events:none}\n.bs-arrow{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--white);pointer-events:auto}\n.bs-arrow:hover{background:var(--accent);border-color:var(--accent)}\n.bs-arrow svg{width:18px;height:18px}\n.bs-selector{display:flex;background:rgba(0,42,54,.85);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);z-index:20;flex-shrink:0;overflow-x:auto;scrollbar-width:none}\n.bs-selector::-webkit-scrollbar{display:none}\n.bs-tab{flex:1;min-width:0;padding:14px 6px;cursor:pointer;text-align:center;transition:all .4s;position:relative;border-right:1px solid rgba(255,255,255,.04)}\n.bs-tab:last-child{border-right:none}\n.bs-tab::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .4s var(--transition)}\n.bs-tab.active::before{transform:scaleX(1)}\n.bs-tab:hover{background:rgba(255,255,255,.04)}\n.bs-tab.active{background:rgba(0,180,216,.08)}\n.bs-tab-name{font-family:'Bebas Neue',sans-serif;font-size:35px;color:rgba(255,255,255,.3);letter-spacing:2px;transition:color .3s}\n.bs-tab.active .bs-tab-name{color:var(--white)}\n.bs-tab-zone{font-size:15px;color:rgba(255,255,255,.18);text-transform:uppercase;letter-spacing:1px;margin-top:-5px;transition:color .3s}\n.bs-tab.active .bs-tab-zone{color:rgba(255,255,255,.4)}\n.bs-progress{position:absolute;bottom:0;left:0;right:0;z-index:25;height:2px;background:rgba(255,255,255,.06)}\n.bs-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .4s var(--transition)}\n\n\/* Contenedor de formularios del showcase \u2014 posiciona los forms apilados *\/\n.bs-forms-wrapper {\n position: relative;\n width: 80vw !important;\n max-width: 80% !important;\n margin: 0 auto !important;\n}\n\n.grid-view{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start;scrollbar-width:none}\n.grid-view::-webkit-scrollbar{display:none}\n.grid-view.hidden{display:none}\n.grid-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer}\n.grid-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--transition)}\n.grid-card:hover img{transform:scale(1.06)}\n.grid-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,42,54,.9) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:background .3s}\n.grid-card:hover .grid-card-overlay{background:linear-gradient(180deg,transparent 15%,rgba(0,42,54,.95) 100%)}\n.grid-card-tag{position:absolute;top:12px;left:12px;background:var(--accent);color:var(--white);padding:3px 10px;border-radius:100px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}\n.grid-card-tag.sold-out{background:rgba(255,255,255,.15);backdrop-filter:blur(8px)}\n.grid-card-tag.coming{background:rgba(0,180,216,.3);border:1px solid var(--accent)}\n.grid-card-name{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--white);line-height:1}\n.grid-card-zone{font-size:11px;color:rgba(255,255,255,.4);margin-top:2px}\n.grid-card-price{font-weight:700;font-size:13px;color:var(--white);margin-top:8px}\n.grid-card-price small{font-weight:400;font-size:10px;color:rgba(255,255,255,.3);display:block}\n.grid-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:var(--accent);color:var(--white);padding:7px 16px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;opacity:0;transform:translateY(8px);transition:all .4s var(--transition)}\n.grid-card:hover .grid-card-cta{opacity:1;transform:translateY(0)}\n.grid-card-cta svg{width:12px;height:12px}\n\nsection{padding:100px 48px;position:relative}\n.section-label{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:16px}\n.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,5.5vw,72px);line-height:1;margin-bottom:20px;color:var(--blue)}\n.section-desc{font-size:22px;color:var(--text-mid);line-height:1.65;font-weight:400}\n\n.concepto{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}\n.concepto-visual{height:100%}\n.concepto-img{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative}\n.concepto-img img{width:100%;height:100%;display:block;transition:transform .6s;object-fit:cover}\n.concepto-img:hover img{transform:scale(1.03)}\n.concepto-floating-card{position:absolute;bottom:-30px;right:-30px;background:linear-gradient(135deg,var(--blue),var(--blue-light));color:var(--white);padding:28px;border-radius:16px;max-width:220px;box-shadow:0 20px 40px rgba(0,78,100,.2)}\n.concepto-floating-card .number{font-family:'Bebas Neue',sans-serif;font-size:48px;line-height:1}\n.concepto-floating-card .label{font-size:13px;font-weight:600;margin-top:4px}\n.concepto-features{display:flex;flex-direction:column;gap:5px;margin-top:40px}\n.feature-item{display:flex;gap:6px;align-items:flex-start;padding:20px;border-radius:12px;transition:background .3s}\n.feature-item:hover{background:var(--blue-pale)}\n.feature-icon{width:44px;height:44px;background:rgba(0,180,216,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.feature-icon svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.5}\n.feature-text h4{font-size:25px;font-weight:700;margin-bottom:4px;color:var(--blue)}\n.feature-text p{font-size:20px;color:var(--text-mid);line-height:1.55;font-weight:400}\n\n\/* \u2550\u2550\u2550 EXPERIENCE SECTION \u2550\u2550\u2550 *\/\n.experience-section{background:var(--blue-deeper);color:var(--white);position:relative;overflow:hidden;padding:0}\n.exp-bg-mesh{position:absolute;inset:0;overflow:hidden;z-index:0}\n.exp-bg-mesh .orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:orbFloat 12s ease-in-out infinite}\n.exp-bg-mesh .orb:nth-child(1){width:600px;height:600px;background:var(--accent);top:-10%;right:-10%;animation-delay:0s}\n.exp-bg-mesh .orb:nth-child(2){width:400px;height:400px;background:#0a7e8c;bottom:-5%;left:-5%;animation-delay:-4s}\n.exp-bg-mesh .orb:nth-child(3){width:300px;height:300px;background:var(--accent);top:50%;left:40%;animation-delay:-8s}\n@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}\n\n.exp-header{position:relative;z-index:2;text-align:center;padding:80px 48px 40px}\n.experience-section .section-label{color:var(--accent)}\n.experience-section .section-title{color:var(--white)}\n.experience-section .section-desc{color:rgba(255,255,255,.55);max-width:900px;margin:0 auto}\n\n.exp-cards-container{position:relative;z-index:2;overflow:hidden}\n.exp-cards-track{display:flex;gap:24px;padding:0 48px;will-change:transform;transition:transform .5s var(--transition)}\n\n.exp-card-v2{flex:0 0 30%;height:520px;border-radius:24px;overflow:hidden;position:relative;transition:transform .6s var(--transition)}\n.exp-card-v2:hover{transform:translateY(-12px)}\n.exp-card-v2-img{position:absolute;inset:0;z-index:0}\n.exp-card-v2-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transition)}\n.exp-card-v2:hover .exp-card-v2-img img{transform:scale(1.08)}\n.exp-card-v2-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,42,54,0) 0%,rgba(0,42,54,.2) 30%,rgba(0,42,54,.95) 100%);transition:background .5s}\n.exp-card-v2:hover .exp-card-v2-gradient{background:linear-gradient(180deg,rgba(0,42,54,0) 0%,rgba(0,42,54,.15) 20%,rgba(0,42,54,.97) 90%)}\n.exp-card-v2-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:36px;display:flex;flex-direction:column;gap:12px}\n.exp-card-v2-icon{width:52px;height:52px;background:rgba(0,180,216,.15);backdrop-filter:blur(10px);border:1px solid rgba(0,180,216,.3);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all .4s}\n.exp-card-v2:hover .exp-card-v2-icon{background:var(--accent);border-color:var(--accent)}\n.exp-card-v2-icon svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.5;transition:stroke .4s}\n.exp-card-v2:hover .exp-card-v2-icon svg{stroke:var(--white)}\n.exp-card-v2-number{font-family:'Bebas Neue',sans-serif;font-size:80px;color:rgba(0,180,216,.08);position:absolute;top:24px;right:28px;line-height:1;z-index:2;transition:color .4s}\n.exp-card-v2:hover .exp-card-v2-number{color:rgba(0,180,216,.15)}\n.exp-card-v2 h3{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:2px;line-height:1;color:var(--white)}\n.exp-card-v2 p{font-size:20px;color:#fff;line-height:1.6;font-weight:400;transform:translateY(10px);opacity:0;transition:all .5s var(--transition)}\n.exp-card-v2:hover p{transform:translateY(0);opacity:1}\n.exp-card-v2-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(0,180,216,.12);border:1px solid rgba(0,180,216,.25);color:var(--accent);padding:5px 14px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;width:fit-content;transform:translateY(10px);opacity:0;transition:all .5s .1s var(--transition)}\n.exp-card-v2:hover .exp-card-v2-tag{transform:translateY(0);opacity:1}\n\n.exp-slider-control{position:relative;z-index:10;padding:30px 48px 80px;display:flex;align-items:center;gap:20px;max-width:800px;margin:0 auto}\n.exp-slider-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);white-space:nowrap}\n.exp-slider-label.end{text-align:right}\n.exp-range-wrapper{flex:1;position:relative;height:40px;display:flex;align-items:center}\n.exp-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:4px;outline:none;cursor:pointer;position:relative;z-index:2}\n.exp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:grab;border:3px solid var(--white);box-shadow:0 0 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s;animation:thumbNudge 2.5s ease-in-out infinite}\n.exp-range::-webkit-slider-thumb:hover,.exp-range::-webkit-slider-thumb:active{animation:none}\n.exp-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 30px var(--accent-glow),0 4px 12px rgba(0,0,0,.4)}\n.exp-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}\n.exp-range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:grab;border:3px solid var(--white);box-shadow:0 0 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.3);animation:thumbNudge 2.5s ease-in-out infinite}\n.exp-range::-moz-range-thumb:hover,.exp-range::-moz-range-thumb:active{animation:none}\n.exp-range.interacted::-webkit-slider-thumb{animation:none}\n.exp-range.interacted::-moz-range-thumb{animation:none}\n@keyframes thumbNudge{0%,100%{transform:scale(1);box-shadow:0 0 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.3)}15%{transform:scale(1.25) translateX(8px);box-shadow:0 0 35px var(--accent-glow),0 4px 16px rgba(0,0,0,.4)}30%{transform:scale(1.1) translateX(-4px);box-shadow:0 0 25px var(--accent-glow),0 3px 10px rgba(0,0,0,.35)}42%{transform:scale(1.18) translateX(5px);box-shadow:0 0 30px var(--accent-glow),0 3px 12px rgba(0,0,0,.35)}55%{transform:scale(1)}}.exp-range-fill{position:absolute;top:50%;left:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--blue-light));border-radius:4px;transform:translateY(-50%);pointer-events:none;z-index:1;transition:width .05s linear}\n.exp-slider-hint{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.2);white-space:nowrap;display:flex;align-items:center;gap:8px;transition:opacity .3s}\n.exp-slider-hint svg{width:14px;height:14px;stroke:rgba(255,255,255,.25);fill:none;stroke-width:2;animation:sliderHintPulse 2s ease-in-out infinite}\n@keyframes sliderHintPulse{0%,100%{opacity:.4}50%{opacity:1}}\n\n\/* \u2550\u2550\u2550 STEPS SECTION \u2550\u2550\u2550 *\/\n.steps-section *,.steps-section *::before,.steps-section *::after{box-sizing:border-box!important;margin:0;padding:0}\n.steps-section h3,.steps-section h4,.steps-section p,.steps-section label,.steps-section span{margin:0;padding:0}\n.steps-section input,.steps-section select,.steps-section button{margin:0;font-family:inherit}\n.steps-section{padding:120px 48px!important;background:var(--white)!important;position:relative;overflow:hidden;display:block!important}\n.steps-section::before{content:'';position:absolute;top:0;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,180,216,.04) 0%,transparent 70%);transform:translateX(-50%);border-radius:50%;pointer-events:none}\n.steps-header{text-align:center;margin-bottom:80px;position:relative;z-index:2}\n.steps-layout{position:relative!important;z-index:2;max-width:1200px;margin:0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important;align-items:start!important;box-sizing:border-box!important}\n\n.step-form-card{background:var(--off-white);border:1px solid rgba(0,78,100,.08);border-radius:24px;padding:48px;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:all .8s .1s var(--transition);box-sizing:border-box!important}\n.step-form-card.animate{opacity:1;transform:translateY(0)}\n.step-form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--blue-light))}\n.step-form-badge{display:inline-flex!important;align-items:center;gap:10px;margin-bottom:28px}\n.step-form-num{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-light));display:flex!important;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--white);flex-shrink:0}\n.step-form-badge-text{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}\n.step-form-title{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:2px;color:var(--blue)!important;line-height:1;margin-bottom:8px}\n.step-form-desc{font-size:15px;color:var(--text-mid);line-height:1.55;margin-bottom:32px}\n\n.steps-right{display:flex!important;flex-direction:column!important;gap:0!important;padding-top:20px;box-sizing:border-box!important}\n.step-row{display:flex!important;gap:24px!important;align-items:flex-start!important;padding:32px 0!important;border-bottom:1px solid rgba(0,78,100,.06);opacity:0;transform:translateX(40px);transition:all .8s var(--transition);box-sizing:border-box!important}\n.step-row.animate{opacity:1!important;transform:translateX(0)!important}\n.step-row:last-of-type{border-bottom:none}\n.steps-right .step-row:nth-child(1){transition-delay:.3s}\n.steps-right .step-row:nth-child(3){transition-delay:.5s}\n.steps-right .step-row:nth-child(5){transition-delay:.7s}\n.step-row-num{width:56px!important;height:56px!important;min-width:56px;border-radius:50%!important;background:linear-gradient(135deg,var(--blue),var(--blue-light))!important;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;position:relative}\n.step-row-num span{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--white)!important;line-height:1}\n.step-row-num-icon{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:var(--accent);border-radius:50%;display:flex!important;align-items:center;justify-content:center;border:2px solid var(--white)}\n.step-row-num-icon svg{width:12px;height:12px;stroke:var(--white);fill:none;stroke-width:2.5}\n.step-row-body{flex:1!important;min-width:0}\n.step-row-body h4{font-size:20px;font-weight:700;color:var(--blue)!important;margin-bottom:6px}\n.step-row-body p{font-size:15px;color:var(--text-mid);line-height:1.55}\n.step-row-tag{margin-top:12px;display:inline-flex!important;align-items:center;gap:6px;background:rgba(0,180,216,.08);border:1px solid rgba(0,180,216,.2);color:var(--accent)!important;padding:5px 14px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}\n.step-connector{width:2px!important;height:20px!important;background:linear-gradient(180deg,var(--accent),rgba(0,180,216,.1))!important;margin:0 0 0 27px!important;opacity:0;transition:opacity .6s .4s;display:block!important}\n.step-connector.animate{opacity:1}\n\n\/* \u2550\u2550\u2550 CONCEPTOS SLIDER \u2550\u2550\u2550 *\/\n.conceptos-slider-section{position:relative;height:100vh;overflow:hidden;background:var(--blue-deeper)}\n.concepto-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;z-index:1}\n.concepto-slide.active{opacity:1;z-index:2}\n.concepto-slide-images{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}\n.concepto-slide-images .cs-img{overflow:hidden;position:relative}\n.concepto-slide-images .cs-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 10s ease}\n.concepto-slide.active .cs-img img{transform:scale(1)}\n.concepto-slide .cs-img{opacity:0;transition:opacity .8s ease}\n.concepto-slide.active .cs-img{opacity:1}\n.concepto-slide.active .cs-img:nth-child(1){transition-delay:.1s}\n.concepto-slide.active .cs-img:nth-child(2){transition-delay:.2s}\n.concepto-slide.active .cs-img:nth-child(3){transition-delay:.3s}\n.concepto-slide.active .cs-img:nth-child(4){transition-delay:.4s}\n.concepto-slide-overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(0,42,54,.55) 0%,rgba(0,42,54,.4) 30%,rgba(0,42,54,.85) 100%)}\n.concepto-slide-content{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 48px}\n.concepto-slide-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,180,216,.15);border:1px solid rgba(0,180,216,.3);padding:6px 18px;border-radius:100px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:24px;opacity:0;transform:translateY(15px);transition:all .6s .3s var(--transition)}\n.concepto-slide.active .concepto-slide-badge{opacity:1;transform:translateY(0)}\n.concepto-slide-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(50px,8vw,110px);line-height:.9;letter-spacing:4px;color:var(--white);margin-bottom:20px;max-width:900px;opacity:0;transform:translateY(40px);transition:all .8s .2s var(--transition)}\n.concepto-slide.active .concepto-slide-title{opacity:1;transform:translateY(0)}\n.concepto-slide-desc{font-size:25px;color:#fff;line-height:1.6;max-width:900px;margin:0 auto 32px;font-weight:400;opacity:0;transform:translateY(25px);transition:all .8s .4s var(--transition)}\n.concepto-slide.active .concepto-slide-desc{opacity:1;transform:translateY(0)}\n.concepto-slide-cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--white);padding:14px 36px;border-radius:100px;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;opacity:0;transform:translateY(20px);transition:all .8s .55s var(--transition)}\n.concepto-slide.active .concepto-slide-cta{opacity:1;transform:translateY(0)}\n.concepto-slide-cta:hover{transform:translateY(-2px)!important;box-shadow:0 8px 30px var(--accent-glow)}\n.concepto-slide-cta svg{width:16px;height:16px;transition:transform .3s}\n.concepto-slide-cta:hover svg{transform:translateX(3px)}\n\n.cs-nav{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:16px}\n.cs-nav-dot{width:48px;height:3px;background:rgba(255,255,255,.2);border-radius:3px;cursor:pointer;transition:all .4s;position:relative;overflow:hidden}\n.cs-nav-dot.active{background:rgba(255,255,255,.15)}\n.cs-nav-dot.active::after{content:'';position:absolute;inset:0;background:var(--accent);border-radius:3px;transform-origin:left;animation:dotProgress 7s linear forwards}\n@keyframes dotProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n.cs-counter{position:absolute;bottom:40px;right:48px;z-index:10;font-family:'Bebas Neue',sans-serif;font-size:18px;color:rgba(255,255,255,.3);letter-spacing:2px}\n.cs-counter .current{color:var(--white);font-size:28px}\n.cs-arrows{position:absolute;top:50%;z-index:10;display:flex;justify-content:space-between;left:20px;right:20px;transform:translateY(-50%);pointer-events:none}\n.cs-arrow{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--white);pointer-events:auto}\n.cs-arrow:hover{background:var(--accent);border-color:var(--accent)}\n.cs-arrow svg{width:20px;height:20px}\n.cs-accent-line{position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(0,180,216,.1) 30%,rgba(0,180,216,.1) 70%,transparent);z-index:4;pointer-events:none}\n\n.section-divider{height:4px;background:linear-gradient(90deg,var(--blue-deeper),var(--accent),var(--blue-deeper));opacity:.15}\n.section-divider-wave{height:80px;background:var(--white);position:relative;overflow:hidden}\n.section-divider-wave::before{content:'';position:absolute;bottom:0;left:-5%;width:110%;height:100%;background:var(--blue-deeper);border-radius:0 0 50% 50%\/0 0 100% 100%}\n\n\/* \u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550 *\/\n.testimonials-section{background:var(--white);padding:100px 48px;overflow:hidden}\n.testimonials-track-wrapper{overflow:hidden;margin-top:60px}\n.testimonials-track{display:flex;gap:24px;animation:scrollTestimonials 30s linear infinite}\n.testimonial-card{min-width:380px;background:var(--off-white);border:1px solid rgba(0,78,100,.08);border-radius:16px;padding:32px;flex-shrink:0}\n.testimonial-stars{display:flex;gap:2px;margin-bottom:16px}\n.testimonial-stars svg{width:16px;height:16px;fill:#f59e0b}\n.testimonial-stars svg.empty{fill:none;stroke:#f59e0b;stroke-width:2}\n.testimonial-text{font-size:16px;line-height:1.65;color:var(--text-mid);margin-bottom:20px;font-weight:400}\n.testimonial-author{display:flex;align-items:center;gap:12px}\n.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--white);flex-shrink:0}\n.testimonial-name{font-weight:600;font-size:14px;color:var(--blue)}\n.testimonial-handle{font-size:12px;color:var(--text-light)}\n\n.blog-section{background:var(--off-white)}\n.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}\n.blog-card{border-radius:16px;overflow:hidden;background:var(--white);border:1px solid rgba(0,78,100,.06);transition:all .4s;text-decoration:none;color:var(--text-dark);box-shadow:0 2px 10px rgba(0,78,100,.04)}\n.blog-card:hover{transform:translateY(-4px);border-color:rgba(0,180,216,.2);box-shadow:0 12px 40px rgba(0,78,100,.1)}\n.blog-card-img{aspect-ratio:16\/10;overflow:hidden}\n.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}\n.blog-card:hover .blog-card-img img{transform:scale(1.06)}\n.blog-card-body{padding:24px}\n.blog-card-body h3{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:12px;color:var(--blue)}\n.blog-card-body .read-more{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700;display:inline-flex;align-items:center;gap:6px}\n.blog-card-body .read-more svg{width:14px;height:14px;transition:transform .3s}\n.blog-card:hover .read-more svg{transform:translateX(4px)}\n\n.insta-section{text-align:center;background:var(--white)}\n.insta-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}\n.insta-item{aspect-ratio:9\/16;border-radius:12px;overflow:hidden;position:relative;cursor:pointer}\n.insta-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}\n.insta-item:hover img{transform:scale(1.1)}\n.insta-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,78,100,.4);opacity:0;transition:opacity .3s}\n.insta-item:hover .insta-overlay{opacity:1}\n.insta-overlay svg{width:32px;height:32px;fill:var(--white)}\n\n.cta-section{text-align:center;background:linear-gradient(165deg,var(--blue-deeper),var(--blue) 50%,var(--blue-light));color:var(--white);position:relative;overflow:hidden}\n.cta-section::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,216,.12),transparent 70%);transform:translate(-50%,-50%)}\n.cta-section .section-label{color:var(--accent)}\n.cta-section .section-title{color:var(--white);margin:0 auto 16px}\n.cta-section .section-desc{margin:0 auto 40px;text-align:center;max-width:480px;color:rgba(255,255,255,.6)}\n.btn-primary{background:var(--accent);color:var(--white);padding:18px 48px;border-radius:100px;font-weight:700;font-size:17px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .4s var(--transition);border:none;cursor:pointer}\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px var(--accent-glow)}\n.btn-outline{background:transparent;color:var(--white);padding:16px 36px;border-radius:100px;font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:1.5px solid rgba(255,255,255,.3);transition:all .4s var(--transition);cursor:pointer}\n.btn-outline:hover{background:rgba(255,255,255,.1);border-color:var(--white)}\n\nfooter{padding:80px 48px 40px;background:var(--blue-deeper);color:var(--white);border-top:1px solid rgba(255,255,255,.05)}\n.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08)}\n.footer-brand p{font-size:14px;color:rgba(255,255,255,.4);line-height:1.6;max-width:300px;margin-top:16px}\n.footer-brand img{height:24px;filter:brightness(0) invert(1)}\n.footer-award{display:flex;align-items:center;gap:10px;margin-top:24px;padding:12px 16px;background:rgba(255,255,255,.04);border-radius:10px}\n.footer-award svg{flex-shrink:0}\n.footer-award span{font-size:12px;color:rgba(255,255,255,.4);line-height:1.4}\n.footer-col h4{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-weight:600}\n.footer-col a{display:block;color:rgba(255,255,255,.5);text-decoration:none;font-size:14px;padding:6px 0;transition:color .3s,padding-left .3s}\n.footer-col a:hover{color:var(--white);padding-left:8px}\n.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;font-size:13px;color:rgba(255,255,255,.3)}\n.footer-socials{display:flex;gap:12px}\n.footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);text-decoration:none;transition:all .3s}\n.footer-socials a:hover{border-color:var(--accent);color:var(--accent)}\n.footer-socials a svg{width:16px;height:16px;fill:currentColor}\n\n.wa-float{position:fixed;bottom:28px;right:28px;z-index:900;width:60px;height:60px;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;cursor:pointer;text-decoration:none}\n.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.5)}\n.wa-float svg{width:30px;fill:white}\n\n.reveal{opacity:0;transform:translateY(40px);transition:all .8s var(--transition)}\n.reveal.visible{opacity:1;transform:translateY(0)}\n.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}\n@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}\n@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n@keyframes scrollTestimonials{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE GENERAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1200px){\n .bs-selector{flex-wrap:nowrap}\n .bs-tab{min-width:100px}\n .steps-layout{gap:40px!important}\n}\n\n@media(max-width:1024px){\n nav{padding:16px 24px}\n nav.scrolled{padding:12px 24px}\n .nav-links{display:none}\n .nav-toggle{display:flex}\n section{padding:70px 24px}\n .hero{padding:120px 24px 80px}\n .hero-amenidades{grid-template-columns:repeat(2,1fr)}\n .hero-amen-col:nth-child(3){display:none}\n .concepto{grid-template-columns:1fr;gap:40px}\n .blog-grid{grid-template-columns:1fr}\n .footer-top{grid-template-columns:1fr 1fr;gap:40px}\n .insta-grid{grid-template-columns:repeat(3,1fr)}\n .cursor-dot,.cursor-ring{display:none}\n .hero-stats{gap:24px}\n .hero-form-bar{padding:0 24px}\n .hero-form-inner{padding:0!important}\n \n .comunidades-wrapper{height:auto;min-height:100vh}\n .bs-content{padding:0 20px;justify-content:flex-start;padding-top:30%}\n .bs-info-name{font-size:clamp(48px,12vw,80px);letter-spacing:3px}\n .bs-description{font-size:16px;padding:8px 12px;margin-bottom:10px}\n .bs-info-zone{font-size:14px;margin-bottom:4px}\n .bs-price{font-size:clamp(28px,6vw,48px)}\n .bs-price-note{font-size:16px;margin-bottom:10px}\n .bs-conoce{padding:10px 24px;font-size:12px;margin-bottom:12px}\n .bs-tab{min-width:80px;padding:10px 6px}\n .bs-tab-name{font-size:20px}\n .bs-tab-zone{font-size:11px}\n .bs-arrows{left:8px;right:8px}\n .bs-info-tag{margin-bottom:8px}\n \n .grid-view{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}\n \n .exp-header{padding:80px 24px 40px}\n .exp-cards-track{padding:0 24px;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;transition:none}\n .exp-card-v2{flex:0 0 300px;height:420px;scroll-snap-align:start}\n .exp-slider-control{display:none}\n .exp-cards-container{overflow-x:auto;-webkit-overflow-scrolling:touch}\n \n .steps-section{padding:80px 24px!important}\n .steps-layout{grid-template-columns:1fr!important;gap:48px!important}\n .step-form-card{padding:36px}\n .steps-right{padding-top:0}\n .step-row{transform:translateY(30px);transform:none}\n .step-row.animate{transform:translateY(0)}\n .step-connector{margin-left:27px!important}\n \n .conceptos-slider-section{height:80vh}\n .concepto-slide-images{grid-template-columns:repeat(2,1fr)}\n .concepto-slide-content{padding:0 24px}\n .cs-arrows{left:10px;right:10px}\n .cs-arrow{width:42px;height:42px}\n \n .testimonials-section{padding:70px 24px}\n .testimonial-card{min-width:300px;padding:24px}\n .testimonial-text{font-size:15px}\n}\n\n@media(max-width:640px){\n .footer-top{grid-template-columns:1fr}\n .footer-bottom{flex-direction:column;gap:16px;text-align:center}\n .hero-stats{flex-direction:column;gap:16px;align-items:center}\n .hero-amenidades{grid-template-columns:1fr}\n .hero-amen-col:nth-child(2),.hero-amen-col:nth-child(3){display:none}\n .hero-sub{font-size:20px}\n \n .bs-content{padding:0 16px;padding-top:45%}\n .bs-info-name{font-size:clamp(36px,14vw,60px);letter-spacing:2px;margin-bottom:6px}\n .bs-description{font-size:14px;line-height:1.4;padding:6px 10px;margin-bottom:8px}\n .bs-info-zone{font-size:12px;flex-wrap:wrap;justify-content:center}\n .bs-price{font-size:clamp(24px,8vw,40px)}\n .bs-price-note{font-size:14px;margin-bottom:8px}\n .bs-conoce{padding:8px 20px;font-size:11px;margin-bottom:10px}\n .bs-tab{min-width:55px;padding:8px 4px}\n .bs-tab-name{font-size:16px;letter-spacing:1px}\n .bs-tab-zone{font-size:9px}\n .bs-arrows{display:none}\n .bs-info-tag{font-size:8px;padding:4px 10px}\n \n .grid-view{grid-template-columns:1fr}\n \n .exp-card-v2{flex:0 0 260px;height:380px}\n .exp-card-v2 h3{font-size:26px}\n .exp-card-v2 p{font-size:16px}\n .exp-cards-track{padding:0 16px 30px}\n \n .steps-section{padding:60px 16px!important}\n .steps-header{margin-bottom:48px}\n .step-form-card{padding:28px 24px;border-radius:20px}\n .step-form-title{font-size:30px}\n .step-form-desc{font-size:14px;margin-bottom:24px}\n .step-row{gap:16px!important;padding:24px 0!important}\n .step-row-num{width:48px!important;height:48px!important;min-width:48px}\n .step-row-num span{font-size:22px}\n .step-row-num-icon{width:20px;height:20px}\n .step-row-num-icon svg{width:10px;height:10px}\n .step-row-body h4{font-size:18px}\n .step-row-body p{font-size:14px}\n .step-connector{margin-left:23px!important}\n\n .concepto{gap:24px}\n .concepto-img img{aspect-ratio:3\/4;object-fit:cover;min-height:350px}\n .concepto-floating-card{bottom:-15px;right:-10px;padding:16px;max-width:180px}\n .concepto-floating-card .number{font-size:36px}\n .concepto-floating-card .label{font-size:11px}\n .concepto-features{margin-top:20px;gap:0}\n .feature-item{padding:12px}\n .feature-text h4{font-size:18px}\n .feature-text p{font-size:15px}\n \n .testimonials-section{padding:50px 16px; overflow: hidden}\n .testimonials-track-wrapper{margin-top:30px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch}\n .testimonials-track-wrapper::-webkit-scrollbar { display: none; }\n .testimonials-track{animation:none; width: max-content; padding-bottom: 10px; padding-right: 16px}\n .testimonial-card{width:80vw;max-width:320px;min-width:unset;padding:20px;white-space:normal; scroll-snap-align: center}\n .testimonial-text{font-size:14px;margin-bottom:14px}\n .testimonial-avatar{width:34px;height:34px;font-size:12px}\n .testimonial-name{font-size:13px}\n .testimonial-handle{font-size:11px}\n \n .concepto-slide-images{grid-template-columns:1fr 1fr}\n .concepto-slide-title{font-size:clamp(40px,10vw,70px)}\n .concepto-slide-desc{font-size:18px}\n .cs-arrows{display:none}\n .conceptos-slider-section{height:70vh}\n \n .blog-grid{gap:16px}\n .insta-grid{grid-template-columns:repeat(3,1fr);gap:8px}\n .insta-item:nth-child(4),.insta-item:nth-child(5){display:none}\n \n .cta-section{padding:60px 16px}\n}\n<\/style>\n\n<\/head>\n<body>\n<div class=\"cursor-dot\" id=\"cursorDot\"><\/div>\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\n\n\n<div class=\"mobile-menu-overlay\" id=\"mobileMenu\">\n <a href=\"#concepto\" class=\"mobile-nav-link\">Concepto<\/a>\n <a href=\"#comunidades\" class=\"mobile-nav-link\">Comunidades<\/a>\n <a href=\"#experiencias\" class=\"mobile-nav-link\">Experiencias<\/a>\n <a href=\"#blog\" class=\"mobile-nav-link\">Blog<\/a>\n <a href=\"#faq\" class=\"mobile-nav-link\">FAQ<\/a>\n <a href=\"#contacto\" class=\"nav-cta-mobile mobile-nav-link\">AGENDAR VISITA<\/a>\n<\/div>\n\n<nav id=\"mainNav\" role=\"navigation\" aria-label=\"Men\u00fa principal\">\n <a href=\"https:\/\/urbanista.mx\/\" class=\"nav-logo\" aria-label=\"Urbanista \u2014 Inicio\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png.webp\" alt=\"Urbanista \u2014 Departamentos en renta CDMX\" width=\"120\" height=\"26\" loading=\"eager\"><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#concepto\">Concepto<\/a><\/li>\n <li><a href=\"#comunidades\">Comunidades<\/a><\/li>\n <li><a href=\"#experiencias\">Experiencias<\/a><\/li>\n <li><a href=\"#blog\">Blog<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <li><a href=\"#contacto\" class=\"nav-cta\">AGENDAR VISITA<\/a><\/li>\n <\/ul>\n <div class=\"nav-toggle\" id=\"navToggle\" role=\"button\" aria-label=\"Abrir men\u00fa de navegaci\u00f3n\" aria-expanded=\"false\" tabindex=\"0\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/nav>\n\n<section class=\"hero\" id=\"hero\">\n <div class=\"hero-video\"><div class=\"hero-video-overlay\"><\/div><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\"><span class=\"pulse\"><\/span> DISPONIBILIDAD LIMITADA<\/div>\n <h1 class=\"hero-title\">TU <span class=\"accent\">OASIS URBANO<\/span><br>EN CDMX<\/h1>\n <p class=\"hero-sub\">Studios y departamentos en renta a 12 meses con servicios incluidos. Vive en las mejores zonas con confort premium, seguridad superior y amenidades dise\u00f1adas para tu progreso y descanso. Todo, sin aval y sin eternos tr\u00e1mites.<\/p>\n <div class=\"hero-stats\">\n <div><div class=\"stat-num\">8<\/div><div class=\"stat-label\">Edificios<\/div><\/div>\n <div><div class=\"stat-num\">12<\/div><div class=\"stat-label\">Meses sin aval<\/div><\/div>\n <div><div class=\"stat-num\">24h<\/div><div class=\"stat-label\">Confirmaci\u00f3n<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-amenidades\">\n <div class=\"hero-amen-col\"><div class=\"hero-amen-col-track\">\n <div class=\"hero-amen-card\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/3b5bb9fc-88f7-4490-a219-9fce68825cf9-scaled.webp?w=800&h=640&fit=crop\" alt=\"Rec\u00e1mara con dise\u00f1o interior premium en departamento Urbanista CDMX\" width=\"400\" height=\"320\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">DISE\u00d1O INTERIOR<\/div><div class=\"hero-amen-sub\">Espacios funcionales con acabados premium<\/div><div class=\"hero-amen-tag\">OASIS URBANO<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/6012cd21-c03f-4344-b2ef-2b7584a2154c.jpg?w=800&h=640&fit=crop\" alt=\"Sala con aislamiento ac\u00fastico en departamento Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">AISLAMIENTO AC\u00daSTICO<\/div><div class=\"hero-amen-sub\">Vive por encima del ruido de la ciudad<\/div><div class=\"hero-amen-tag\">CONFORT TOTAL<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/cocina-azul-1-scaled.webp?w=800&h=640&fit=crop\" alt=\"Cocina equipada en departamento Urbanista CDMX\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">COCINAS EQUIPADAS<\/div><div class=\"hero-amen-sub\">Todo listo desde el d\u00eda uno<\/div><div class=\"hero-amen-tag\">MOVE IN READY<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/c35220e3-55bb-4ea9-9cc7-94f2d781fe5e-scaled.webp?w=800&h=640&fit=crop\" alt=\"Rec\u00e1mara principal con dise\u00f1o premium Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">DISE\u00d1O INTERIOR<\/div><div class=\"hero-amen-sub\">Espacios funcionales con acabados premium<\/div><div class=\"hero-amen-tag\">OASIS URBANO<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/212d5447-a4ca-4764-909d-7a957773b583-scaled.webp?w=800&h=640&fit=crop\" alt=\"Sala luminosa con aislamiento ac\u00fastico real\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">AISLAMIENTO AC\u00daSTICO<\/div><div class=\"hero-amen-sub\">Vive por encima del ruido de la ciudad<\/div><div class=\"hero-amen-tag\">CONFORT TOTAL<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/c1cb9c7f-ef29-4c82-af18-2dfe9df0b650-scaled.webp?w=800&h=640&fit=crop\" alt=\"Cocina totalmente equipada move-in ready\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">COCINAS EQUIPADAS<\/div><div class=\"hero-amen-sub\">Todo listo desde el d\u00eda uno<\/div><div class=\"hero-amen-tag\">MOVE IN READY<\/div><\/div><\/div>\n <\/div><\/div>\n <div class=\"hero-amen-col\"><div class=\"hero-amen-col-track\">\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/16b1e7c0-221d-4f7c-b00d-a2fa58243a8f-scaled.webp?w=800&h=640&fit=crop\" alt=\"Gimnasio equipado con maquinaria de primera en edificio Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">GIMNASIO<\/div><div class=\"hero-amen-sub\">Equipamiento de primera para tu rutina diaria<\/div><div class=\"hero-amen-tag\">RECARGA<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/22a70cd3-53e3-4fb6-b60e-1bc13fa7260a-scaled.webp?w=800&h=640&fit=crop\" alt=\"\u00c1rea de coworking con espacios de trabajo en departamento Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">COWORKING<\/div><div class=\"hero-amen-sub\">Espacios de trabajo sin salir de casa<\/div><div class=\"hero-amen-tag\">PRODUCTIVIDAD<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/cinema-scaled.webp?w=800&h=640&fit=crop\" alt=\"Sala de cine privada en edificio Urbanista CDMX\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">SALA DE CINE<\/div><div class=\"hero-amen-sub\">Tu propio cinema privado en el edificio<\/div><div class=\"hero-amen-tag\">ENTRETENIMIENTO<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/07460712-19b1-42bc-9ac4-b725177d1fff.webp?w=800&h=640&fit=crop\" alt=\"Gimnasio moderno con equipos de cardio y pesas\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">GIMNASIO<\/div><div class=\"hero-amen-sub\">Equipamiento de primera para tu rutina diaria<\/div><div class=\"hero-amen-tag\">RECARGA<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_qkw57iqkw57iqkw5.png?w=800&h=640&fit=crop\" alt=\"Espacio de coworking compartido en edificio Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">COWORKING<\/div><div class=\"hero-amen-sub\">Espacios de trabajo sin salir de casa<\/div><div class=\"hero-amen-tag\">PRODUCTIVIDAD<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/ines-cine.webp?w=800&h=640&fit=crop\" alt=\"Cine privado amenidad exclusiva Urbanista In\u00e9s Polanco\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">SALA DE CINE<\/div><div class=\"hero-amen-sub\">Tu propio cinema privado en el edificio<\/div><div class=\"hero-amen-tag\">ENTRETENIMIENTO<\/div><\/div><\/div>\n <\/div><\/div>\n <div class=\"hero-amen-col\"><div class=\"hero-amen-col-track\">\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/Main-Vivir-sin-fricciones-scaled.webp?w=800&h=640&fit=crop\" alt=\"Rooftop terraza con vistas a la Ciudad de M\u00e9xico\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">ROOFTOP & TERRAZA<\/div><div class=\"hero-amen-sub\">Vistas incre\u00edbles de la ciudad<\/div><div class=\"hero-amen-tag\">HOST LIKE A BOSS<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/b0aa9a86-98f4-41eb-a4ac-ad766b8cbaae.webp?w=800&h=640&fit=crop\" alt=\"Lounge y asadores para entretenimiento en edificio Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">LOUNGE & ASADORES<\/div><div class=\"hero-amen-sub\">Recibe invitados como un profesional<\/div><div class=\"hero-amen-tag\">COMPARTE<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Amenidades-JOSEFA.jpg?w=800&h=640&fit=crop\" alt=\"\u00c1rea pet friendly con mascotarios y jard\u00edn para mascotas\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">PET LOVERS<\/div><div class=\"hero-amen-sub\">Mascotarios y \u00e1reas verdes para tu mejor amigo<\/div><div class=\"hero-amen-tag\">BIENVENIDOS TODOS<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/e32b87d7-75af-49b2-9d60-e0e972a9fca8.webp?w=800&h=640&fit=crop\" alt=\"Terraza rooftop con vista panor\u00e1mica CDMX Urbanista\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">ROOFTOP & TERRAZA<\/div><div class=\"hero-amen-sub\">Vistas incre\u00edbles de la ciudad<\/div><div class=\"hero-amen-tag\">HOST LIKE A BOSS<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/963a5adc-1e4f-43a3-9682-052e11fc6180.webp?w=800&h=640&fit=crop\" alt=\"\u00c1rea de lounge y asadores para convivencia en CDMX\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">LOUNGE & ASADORES<\/div><div class=\"hero-amen-sub\">Recibe invitados como un profesional<\/div><div class=\"hero-amen-tag\">COMPARTE<\/div><\/div><\/div>\n <div class=\"hero-amen-card\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/1413798e-50dd-46d9-9c2d-d6b30072a64b-scaled.webp?w=800&h=640&fit=crop\" alt=\"Zona pet friendly con \u00e1reas verdes para mascotas en CDMX\" width=\"400\" height=\"320\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width:640px) 100vw, (max-width:1024px) 50vw, 33vw\"><div class=\"hero-amen-overlay\"><div class=\"hero-amen-label\">PET FRIENDLY<\/div><div class=\"hero-amen-sub\">Mascotarios y \u00e1reas verdes para tu mejor amigo<\/div><div class=\"hero-amen-tag\">BIENVENIDOS TODOS<\/div><\/div><\/div>\n <\/div><\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"hero-form-bar\">\n <div class=\"hero-form-inner\" id=\"heroHubspotForm\"><\/div>\n<\/div>\n\n<div class=\"marquee-section\"><div class=\"marquee-track\">\n <div class=\"marquee-item\">DEPARTAMENTOS EN CDMX <span class=\"dot\"><\/span> RENTA A 12 MESES <span class=\"dot\"><\/span> SIN AVAL <span class=\"dot\"><\/span> SERVICIOS INCLUIDOS <span class=\"dot\"><\/span> MOVE IN. MOVE UP. <span class=\"dot\"><\/span><\/div>\n <div class=\"marquee-item\">DEPARTAMENTOS EN CDMX <span class=\"dot\"><\/span> RENTA A 12 MESES <span class=\"dot\"><\/span> SIN AVAL <span class=\"dot\"><\/span> SERVICIOS INCLUIDOS <span class=\"dot\"><\/span> MOVE IN. MOVE UP. <span class=\"dot\"><\/span><\/div>\n <div class=\"marquee-item\">DEPARTAMENTOS EN CDMX <span class=\"dot\"><\/span> RENTA A 12 MESES <span class=\"dot\"><\/span> SIN AVAL <span class=\"dot\"><\/span> SERVICIOS INCLUIDOS <span class=\"dot\"><\/span> MOVE IN. MOVE UP. <span class=\"dot\"><\/span><\/div>\n <div class=\"marquee-item\">DEPARTAMENTOS EN CDMX <span class=\"dot\"><\/span> RENTA A 12 MESES <span class=\"dot\"><\/span> SIN AVAL <span class=\"dot\"><\/span> SERVICIOS INCLUIDOS <span class=\"dot\"><\/span> MOVE IN. MOVE UP. <span class=\"dot\"><\/span><\/div>\n<\/div><\/div>\n\n<div class=\"comunidades-wrapper\" id=\"comunidades\">\n <div class=\"view-toggle\">\n <button class=\"view-toggle-btn active\" data-view=\"showcase\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>SHOWCASE<\/button>\n <button class=\"view-toggle-btn\" data-view=\"grid\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>TODOS<\/button>\n <\/div>\n <div class=\"showcase-view\" id=\"showcaseView\" role=\"region\" aria-label=\"Comunidades Urbanista\">\n <div class=\"bs-slide active\" data-index=\"0\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/amalia-fachada.jpg?w=1600&h=900&fit=crop\" alt=\"Fachada Amalia \u2014 Departamentos en renta N\u00e1poles CDMX\" width=\"1920\" height=\"1080\" loading=\"eager\" sizes=\"100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"1\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/ines-fachada.jpg?w=1600&h=900&fit=crop\" alt=\"Fachada In\u00e9s \u2014 Departamentos en renta Polanco CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"2\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/Fachada-Magda-Escalada-1-scaled.jpeg?w=1600&h=900&fit=crop\" alt=\"Fachada Magda \u2014 Departamentos en renta Roma Sur CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"3\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/Fachada-Josefa.png?w=1600&h=900&fit=crop\" alt=\"Fachada Josefa \u2014 Departamentos en renta Paseo de la Reforma CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"4\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/12\/Fachada-Matilde.jpg?w=1600&h=900&fit=crop\" alt=\"Fachada Matilde \u2014 Departamentos en renta Ju\u00e1rez CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"5\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/Natalia-by-Urbanista.png?w=1600&h=900&fit=crop\" alt=\"Fachada Natalia \u2014 Departamentos en renta Doctores CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"6\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/JOAQUINA-02.jpg?w=1600&h=900&fit=crop\" alt=\"Fachada Joaquina \u2014 Departamentos en renta Del Valle CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"7\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/Leona-2.png?w=1600&h=900&fit=crop\" alt=\"Fachada Leona \u2014 Departamentos Condesa CDMX sin disponibilidad\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-slide\" data-index=\"8\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Fachada-1-scaled.webp\" alt=\"Fachada Enriqueta \u2014 Pr\u00f3ximo edificio Santa Mar\u00eda la Ribera CDMX\" width=\"1920\" height=\"1080\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\"><\/div>\n <div class=\"bs-content\">\n <div class=\"bs-info-tag\"><span class=\"live-dot\"><\/span> <span id=\"bsTag\">DISPONIBLE<\/span><\/div>\n <div class=\"bs-info-name\" id=\"bsName\">AMALIA<\/div>\n <p class=\"bs-description\" id=\"bsDesc\">Vive a 2 calles del WTC en un depa funcional, bien ubicado, con seguridad 24\/7, c\u00f3modo y dise\u00f1ado para tu descanso<\/p>\n <div class=\"bs-info-zone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span id=\"bsAddress\">Av. Insurgentes Sur 609, N\u00e1poles, CDMX<\/span><\/div>\n <div class=\"bs-price\" id=\"bsPrice\">$23,520 MXN<\/div>\n <div class=\"bs-price-note\" id=\"bsPriceNote\">con servicios incluidos<\/div>\n <div class=\"bs-cta-row\">\n <button class=\"bs-agendar-cta\" id=\"bsAgendarBtn\" onclick=\"openSidebar()\">AGENDAR VISITA <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg><\/button>\n <a href=\"#\" class=\"bs-conoce\" id=\"bsConoce\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <\/div>\n\n <\/div>\n <div class=\"bs-arrows\">\n <button class=\"bs-arrow\" id=\"bsPrev\" aria-label=\"Edificio anterior\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/button>\n <button class=\"bs-arrow\" id=\"bsNext\" aria-label=\"Edificio siguiente\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/button>\n <\/div>\n <div class=\"bs-progress\"><div class=\"bs-progress-bar\" id=\"bsProgressBar\" style=\"width:11.11%\"><\/div><\/div>\n <div class=\"bs-selector\" id=\"bsSelector\">\n <div class=\"bs-tab active\" data-index=\"0\"><div class=\"bs-tab-name\">AMALIA<\/div><div class=\"bs-tab-zone\">N\u00e1poles<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"1\"><div class=\"bs-tab-name\">IN\u00c9S<\/div><div class=\"bs-tab-zone\">Polanco<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"2\"><div class=\"bs-tab-name\">MAGDA<\/div><div class=\"bs-tab-zone\">Roma Sur<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"3\"><div class=\"bs-tab-name\">JOSEFA<\/div><div class=\"bs-tab-zone\">Reforma<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"4\"><div class=\"bs-tab-name\">MATILDE<\/div><div class=\"bs-tab-zone\">Ju\u00e1rez<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"5\"><div class=\"bs-tab-name\">NATALIA<\/div><div class=\"bs-tab-zone\">Doctores<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"6\"><div class=\"bs-tab-name\">JOAQUINA<\/div><div class=\"bs-tab-zone\">Del Valle<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"7\"><div class=\"bs-tab-name\">LEONA<\/div><div class=\"bs-tab-zone\">Condesa<\/div><\/div>\n <div class=\"bs-tab\" data-index=\"8\"><div class=\"bs-tab-name\">ENRIQUETA<\/div><div class=\"bs-tab-zone\">Sta. Mar\u00eda<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"grid-view hidden\" id=\"gridView\">\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?w=500&h=700&fit=crop\" alt=\"Amalia\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">AMALIA<\/div><div class=\"grid-card-zone\">N\u00e1poles \u00b7 Av. Insurgentes Sur 609<\/div><div class=\"grid-card-price\">$23,520 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/amalia-napoles\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?w=500&h=700&fit=crop\" alt=\"In\u00e9s\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">IN\u00c9S<\/div><div class=\"grid-card-zone\">Nuevo Polanco \u00b7 Andr\u00f3maco 9<\/div><div class=\"grid-card-price\">$25,330 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/ines-polanco\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=500&h=700&fit=crop\" alt=\"Magda\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">MAGDA<\/div><div class=\"grid-card-zone\">Roma Sur \u00b7 Av. Insurgentes Sur 454<\/div><div class=\"grid-card-price\">$24,730 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/magda-la-roma\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522708323590-d24dbb6b0267?w=500&h=700&fit=crop\" alt=\"Josefa\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">JOSEFA<\/div><div class=\"grid-card-zone\">Paseo de la Reforma 390<\/div><div class=\"grid-card-price\">$26,930 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/josefa-reforma\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DESDE $20K<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560448204-e02f11c3d0e2?w=500&h=700&fit=crop\" alt=\"Matilde\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">MATILDE<\/div><div class=\"grid-card-zone\">Ju\u00e1rez \u00b7 Donato Guerra 1<\/div><div class=\"grid-card-price\">$20,030 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/matilde-juarez\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?w=500&h=700&fit=crop\" alt=\"Natalia\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">NATALIA<\/div><div class=\"grid-card-zone\">Doctores \u00b7 Dr. Carmona y Valle 25<\/div><div class=\"grid-card-price\">$24,730 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/natalia-doctores\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag\">DISPONIBLE<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=500&h=700&fit=crop\" alt=\"Joaquina\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">JOAQUINA<\/div><div class=\"grid-card-zone\">Del Valle \u00b7 San Francisco 345<\/div><div class=\"grid-card-price\">$22,000 MXN<small>con servicios<\/small><\/div><a href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\" class=\"grid-card-cta\">CONOCE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag sold-out\">SIN DISPONIBILIDAD<\/div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574362848149-11496d93a7c7?w=500&h=700&fit=crop\" alt=\"Leona\" style=\"filter:brightness(.6)\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">LEONA<\/div><div class=\"grid-card-zone\">Condesa \u00b7 Montes de Oca 47<\/div><div class=\"grid-card-price\" style=\"opacity:.4\">Sin disponibilidad<\/div><\/div><\/div>\n <div class=\"grid-card\"><div class=\"grid-card-tag coming\">PR\u00d3XIMAMENTE<\/div><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Fachada-1-scaled.webp\" alt=\"Enriqueta\"><div class=\"grid-card-overlay\"><div class=\"grid-card-name\">ENRIQUETA<\/div><div class=\"grid-card-zone\">Santa Mar\u00eda La Ribera<\/div><div class=\"grid-card-price\" style=\"color:var(--accent)\">Pr\u00f3ximamente<small>un barrio que te envuelve sin prisa<\/small><\/div><a href=\"#\" class=\"grid-card-cta\">REG\u00cdSTRATE <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a><\/div><\/div>\n <\/div>\n<\/div>\n\n<section id=\"concepto\">\n <div class=\"concepto\">\n <div class=\"concepto-visual reveal\" style=\"position:relative\">\n <div class=\"concepto-img\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/hf_20260213_040510_2ebb5a6b-cab4-4d71-b72f-98f6f34deb51-scaled.webp\" alt=\"Departamento moderno con dise\u00f1o interior premium en edificio Urbanista CDMX\" width=\"700\" height=\"600\" loading=\"lazy\" decoding=\"async\"><\/div>\n <div class=\"concepto-floating-card\"><div class=\"number\">24h<\/div><div class=\"label\">Confirmaci\u00f3n de tu departamento<\/div><\/div>\n <\/div>\n <div class=\"reveal reveal-delay-2\">\n <div class=\"section-label\">NUESTRO CONCEPTO<\/div>\n <h2 class=\"section-title\">RENTAR DEBER\u00cdA SER UN GUSTO, <br>NO UNA CARGA<\/h2>\n <p class=\"section-desc\" style=\"font-size:22px\">Urbanista naci\u00f3 para devolverle sentido y facilidad al lugar donde vives. Nos encargamos de lo complejo \u2014 servicios, mantenimiento, reparaciones y gesti\u00f3n \u2014 para que t\u00fa te concentres en lo importante: vivir bien, disfrutar y avanzar.<\/p>\n <div class=\"concepto-features\">\n <div class=\"feature-item\"><div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4\"\/><polyline points=\"10 17 15 12 10 7\"\/><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"\/><\/svg><\/div><div class=\"feature-text\"><h4>Sin aval, sin papeleo<\/h4><p>Proceso simple, confirmaci\u00f3n en 24 horas. Contrato a 12 meses ideal para quienes buscan estabilidad y comodidad real.<\/p><\/div><\/div>\n <div class=\"feature-item\"><div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><div class=\"feature-text\"><h4>Trato directo con Urbanista<\/h4><p>Sin intermediarios. Renta directa con Urbanista. Sin pasos innecesarios ni retrasos. No trabajamos con brokers ni comisionistas.<\/p><\/div><\/div>\n <div class=\"feature-item\"><div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><div class=\"feature-text\"><h4>Servicios incluidos y arreglos r\u00e1pidos<\/h4><p>Renta f\u00e1cil con servicios incluidos. Reparaciones \u00e1giles y soluciones opcionales para quitarte la molestia de la vida en departamento.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"experience-section\" id=\"experiencias\">\n <div class=\"exp-bg-mesh\"><div class=\"orb\"><\/div><div class=\"orb\"><\/div><div class=\"orb\"><\/div><\/div>\n <div class=\"exp-header\"><div class=\"section-label\">BEYOND COMFORT<\/div><h2 class=\"section-title\" style=\"color:var(--white)\">VIVIR POR ENCIMA DEL RUIDO<\/h2><p class=\"section-desc\" style=\"color:rgba(255,255,255,.55);max-width:900px;margin:0 auto\">En Urbanista transformamos la renta en una experiencia premium. Cada edificio es un ecosistema dise\u00f1ado para que vivas c\u00f3modo, productivo y conectado.<\/p><\/div>\n <div class=\"exp-cards-container\">\n <div class=\"exp-cards-track\" id=\"expTrack\">\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">01<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Diseno-sin-titulo-10.webp\" alt=\"Oasis Urbano\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><h3>OASIS URBANO<\/h3><p>Aire acondicionado, aislamiento ac\u00fastico y seguridad superior con CCTV, acceso controlado, rociadores y detectores de humo. Tu refugio de verdad.<\/p><div class=\"exp-card-v2-tag\">CONFORT TOTAL<\/div><\/div><\/div>\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">02<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/Main-Vivir-sin-fricciones-scaled.webp\" alt=\"Renta sin fricci\u00f3n\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><h3>RENTA SIN FRICCI\u00d3N<\/h3><p>Arreglos r\u00e1pidos, sin excusas. Vivir sin fricci\u00f3n mediante renta f\u00e1cil, reparaciones \u00e1giles, servicios incluidos y soluciones opcionales cuando las necesites.<\/p><div class=\"exp-card-v2-tag\">SIN COMPLICACIONES<\/div><\/div><\/div>\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">03<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/9f9b0d12-f0ed-4d39-a18e-4f4dd58d3a09-scaled.webp\" alt=\"Comparte y recarga\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div><h3>COMPARTE & RECARGA<\/h3><p>Cocinas de entretenimiento, lounges y asadores para disfrutar con invitados. Gimnasios, salas de TV, cine y amenidades \u00fanicas para tu recarga personal.<\/p><div class=\"exp-card-v2-tag\">HOST LIKE A BOSS<\/div><\/div><\/div>\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">04<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/07460712-19b1-42bc-9ac4-b725177d1fff.webp\" alt=\"Gym\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg><\/div><h3>BIENESTAR INTEGRAL<\/h3><p>Gimnasios equipados, \u00e1reas de yoga y meditaci\u00f3n, mascotarios y \u00e1reas verdes. Tu bienestar f\u00edsico y mental es nuestra prioridad.<\/p><div class=\"exp-card-v2-tag\">RECARGA PERSONAL<\/div><\/div><\/div>\n <div class=\"exp-card-v2\"><div class=\"exp-card-v2-number\">05<\/div><div class=\"exp-card-v2-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/22a70cd3-53e3-4fb6-b60e-1bc13fa7260a-scaled.webp\" alt=\"Cowork\"><\/div><div class=\"exp-card-v2-gradient\"><\/div><div class=\"exp-card-v2-content\"><div class=\"exp-card-v2-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16\"\/><\/svg><\/div><h3>PRODUCTIVIDAD TOTAL<\/h3><p>Coworkings, salas de juntas y lounges de trabajo. Espacios dise\u00f1ados para que tu home office sea realmente productivo.<\/p><div class=\"exp-card-v2-tag\">WORK FROM HOME<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"exp-slider-control\">\n <span class=\"exp-slider-label\">01<\/span>\n <div class=\"exp-range-wrapper\">\n <div class=\"exp-range-fill\" id=\"expRangeFill\"><\/div>\n <input type=\"range\" class=\"exp-range\" id=\"expRange\" min=\"0\" max=\"100\" value=\"0\">\n <div class=\"exp-slider-hint\" id=\"expSliderHint\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>Desliza para explorar<\/div>\n <\/div>\n <span class=\"exp-slider-label end\">05<\/span>\n <\/div>\n<\/div>\n\n<div class=\"section-divider-wave\"><\/div>\n\n\n<section class=\"steps-section\" id=\"pasos\">\n <div class=\"steps-header reveal\">\n <div class=\"section-label\">\u00bfC\u00d3MO FUNCIONA?<\/div>\n <h2 class=\"section-title\">TU NUEVO HOGAR EN 4 PASOS<\/h2>\n <p class=\"section-desc\" style=\"margin:8px auto 0;text-align:center;max-width:560px\">As\u00ed de f\u00e1cil es rentar con Urbanista.<\/p>\n <\/div>\n <div class=\"steps-layout\" id=\"stepsGrid\">\n <div class=\"step-form-card\">\n <div class=\"step-form-badge\">\n <div class=\"step-form-num\">1<\/div>\n <span class=\"step-form-badge-text\">PASO UNO \u00b7 2 MINUTOS<\/span>\n <\/div>\n <h3 class=\"step-form-title\">RELLENA EL FORMULARIO<\/h3>\n <p class=\"step-form-desc\">D\u00e9janos tus datos y el edificio que te interesa. Sin compromiso, sin letras chiquitas.<\/p>\n \n <div id=\"stepsHubspotForm\"><\/div>\n <div class=\"sf-privacy\" style=\"margin-top:12px\"><svg viewBox=\"0 0 24 24\" style=\"width:12px;height:12px;stroke:var(--accent);fill:none;stroke-width:2;vertical-align:-2px;margin-right:4px\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>Tus datos est\u00e1n protegidos. No spam, nunca.<\/div>\n <\/div>\n <div class=\"steps-right\">\n <div class=\"step-row\">\n <div class=\"step-row-num\"><span>2<\/span><div class=\"step-row-num-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div><\/div>\n <div class=\"step-row-body\"><h4>Te contactamos<\/h4><p>Un asesor Urbanista se comunica contigo para resolver dudas y agendar tu visita presencial.<\/p><div class=\"step-row-tag\">MISMO D\u00cdA<\/div><\/div>\n <\/div>\n <div class=\"step-connector\"><\/div>\n <div class=\"step-row\">\n <div class=\"step-row-num\"><span>3<\/span><div class=\"step-row-num-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><\/div>\n <div class=\"step-row-body\"><h4>Visita tu depa<\/h4><p>Conoce el edificio, las amenidades y tu futuro departamento. Sin presi\u00f3n, a tu ritmo.<\/p><div class=\"step-row-tag\">SIN COMPROMISO<\/div><\/div>\n <\/div>\n <div class=\"step-connector\"><\/div>\n <div class=\"step-row\">\n <div class=\"step-row-num\"><span>4<\/span><div class=\"step-row-num-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div><\/div>\n <div class=\"step-row-body\"><h4>Firma y m\u00fadate<\/h4><p>Contrato directo con Urbanista, sin aval. En 24 horas tienes confirmaci\u00f3n y las llaves de tu nuevo hogar.<\/p><div class=\"step-row-tag\">24H CONFIRMACI\u00d3N<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-divider\"><\/div>\n\n\n<div class=\"conceptos-slider-section\" id=\"conceptosSlider\">\n <div class=\"cs-accent-line\"><\/div>\n <div class=\"concepto-slide active\" data-cs=\"0\">\n <div class=\"concepto-slide-images\">\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/amalia-fachada.jpg\" alt=\"Move In\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Diseno-sin-titulo-10.webp\" alt=\"Interior\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/cocina-azul-1-scaled.webp\" alt=\"Cocina\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/2BED-2-scaled.webp\" alt=\"Rec\u00e1mara\"><\/div>\n <\/div>\n <div class=\"concepto-slide-overlay\"><\/div>\n <div class=\"concepto-slide-content\">\n <h2 class=\"concepto-slide-title\">OASIS URBANO<\/h2>\n <p class=\"concepto-slide-desc\">Construimos tu refugio personal: departamentos con aislamiento ac\u00fastico, aire acondicionado y seguridad 24\/7, adem\u00e1s de amenidades dise\u00f1adas para potenciar y simplificar tu vida diaria.<\/p>\n <a href=\"#comunidades\" class=\"concepto-slide-cta\">VER DISPONIBILIDAD <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"concepto-slide\" data-cs=\"1\">\n <div class=\"concepto-slide-images\">\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/212d5447-a4ca-4764-909d-7a957773b583-scaled.webp\" alt=\"Rooftop\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/16b1e7c0-221d-4f7c-b00d-a2fa58243a8f-scaled.webp\" alt=\"Gym\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/sala-juntas-scaled.webp\" alt=\"Cowork\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/ae23c17e-faa6-4e9a-8b87-520c349a0ea2.webp\" alt=\"Depto Asadores\"><\/div>\n <\/div>\n <div class=\"concepto-slide-overlay\"><\/div>\n <div class=\"concepto-slide-content\">\n <h2 class=\"concepto-slide-title\">RENTA FACIL<\/h2>\n <p class=\"concepto-slide-desc\">Eliminamos la burocracia, los avales y las esperas interminables. Sustituimos las trabas de la renta com\u00fan por un proceso 100% digital, \u00e1gil y flexible. Aqu\u00ed, obtienes tu depa sin estr\u00e9s y hasta en 24 h.<\/p>\n <a href=\"#comunidades\" class=\"concepto-slide-cta\">EXPLORA AMENIDADES <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"concepto-slide\" data-cs=\"2\">\n <div class=\"concepto-slide-images\">\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/f03a36ca-92ee-41ab-9734-c74a0df9b03b-scaled.webp\" alt=\"BBQ\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/316edef4-eba4-46fd-886a-fd869ad24853-scaled.webp\" alt=\"Cine\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/b984708f-7e3c-4366-9186-d702f7637a5b-scaled.webp\" alt=\"Rooftop\"><\/div>\n <div class=\"cs-img\"><img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/e36e41ba-b15a-4d49-8a86-02ad55f57bca-scaled.webp\" alt=\"Terraza\"><\/div>\n <\/div>\n <div class=\"concepto-slide-overlay\"><\/div>\n <div class=\"concepto-slide-content\">\n <h2 class=\"concepto-slide-title\">COMPARTE Y RECARGA<\/h2>\n <p class=\"concepto-slide-desc\">Aqu\u00ed disfrutas la tranquilidad de tu depa para desconectar, y cuando quieres conectar, \u200bla comunidad, los eventos y la vibra est\u00e1n a solo un elevador de distancia.<\/p>\n <a href=\"#comunidades\" class=\"concepto-slide-cta\">DESCUBRE M\u00c1S <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"cs-arrows\">\n <button class=\"cs-arrow\" id=\"csPrev\" aria-label=\"Diapositiva anterior\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/button>\n <button class=\"cs-arrow\" id=\"csNext\" aria-label=\"Diapositiva siguiente\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/button>\n <\/div>\n <div class=\"cs-nav\" id=\"csNav\">\n <div class=\"cs-nav-dot active\" data-cs=\"0\"><\/div>\n <div class=\"cs-nav-dot\" data-cs=\"1\"><\/div>\n <div class=\"cs-nav-dot\" data-cs=\"2\"><\/div>\n <\/div>\n <div class=\"cs-counter\"><span class=\"current\" id=\"csCurrentNum\">01<\/span> \/ 03<\/div>\n<\/div>\n\n\n<section class=\"testimonials-section\">\n <div class=\"reveal\" style=\"text-align:center;margin-bottom:20px\"><div class=\"section-label\">TESTIMONIOS<\/div><h2 class=\"section-title\">LO QUE DICEN NUESTROS URBANISTAS<\/h2><\/div>\n <div class=\"testimonials-track-wrapper\"><div class=\"testimonials-track\">\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Mi gato ama vivir aqui. Hay espacio, calma y nadie pone cara por tener mascota. Pet-friendly real!”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">SG<\/div><div><div class=\"testimonial-name\">Sharely G.<\/div><div class=\"testimonial-handle\">Residente en Amalia<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“El proceso fue super rapido. Sin aval, sin complicaciones. En 24 horas ya tenia mi depa confirmado.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">MR<\/div><div><div class=\"testimonial-name\">Miguel R.<\/div><div class=\"testimonial-handle\">Residente en Josefa<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Las amenidades son increibles. El gym, el coworking y el rooftop hacen que no quieras salir del edificio.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">LC<\/div><div><div class=\"testimonial-name\">Laura C.<\/div><div class=\"testimonial-handle\">Residente en Ines<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Lo mejor es el trato directo. Nada de intermediarios. Cualquier problema, lo resuelven rapido y bien.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">DP<\/div><div><div class=\"testimonial-name\">Daniel P.<\/div><div class=\"testimonial-handle\">Residente en Matilde<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Pase de rentar un depa viejo y ruidoso a vivir en un lugar con aislamiento acustico real. Game changer.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">AF<\/div><div><div class=\"testimonial-name\">Andrea F.<\/div><div class=\"testimonial-handle\">Residente en Magda<\/div><\/div><\/div><\/div>\n \n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Mi gato ama vivir aqui. Hay espacio, calma y nadie pone cara por tener mascota. Pet-friendly real!”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">SG<\/div><div><div class=\"testimonial-name\">Sharely G.<\/div><div class=\"testimonial-handle\">Residente en Amalia<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“El proceso fue super rapido. Sin aval, sin complicaciones. En 24 horas ya tenia mi depa confirmado.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">MR<\/div><div><div class=\"testimonial-name\">Miguel R.<\/div><div class=\"testimonial-handle\">Residente en Josefa<\/div><\/div><\/div><\/div>\n <div class=\"testimonial-card\"><div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><div class=\"testimonial-text\">“Las amenidades son increibles. El gym, el coworking y el rooftop hacen que no quieras salir del edificio.”<\/div><div class=\"testimonial-author\"><div class=\"testimonial-avatar\">LC<\/div><div><div class=\"testimonial-name\">Laura C.<\/div><div class=\"testimonial-handle\">Residente en Ines<\/div><\/div><\/div><\/div>\n <\/div><\/div>\n<\/section>\n\n\n<section class=\"blog-section\" id=\"blog\">\n <div class=\"reveal\" style=\"text-align:center\"><div class=\"section-label\">BLOG<\/div><h2 class=\"section-title\">Noticias, tips y m\u00e1s<\/h2><\/div>\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"22105\" class=\"elementor elementor-22105\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0ed7fe e-con-full e-flex e-con e-parent\" data-id=\"e0ed7fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bba25f elementor-posts--align-center elementor-grid-tablet-3 elementor-grid-3 elementor-grid-mobile-1 elementor-posts--thumbnail-top load-more-align-center elementor-widget elementor-widget-posts\" data-id=\"2bba25f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"classic_row_gap":{"unit":"px","size":81,"sizes":[]},"classic_columns_tablet":"3","classic_row_gap_mobile":{"unit":"px","size":28,"sizes":[]},"pagination_type":"load_more_on_click","classic_columns":"3","classic_columns_mobile":"1","classic_row_gap_widescreen":{"unit":"px","size":"","sizes":[]},"classic_row_gap_laptop":{"unit":"px","size":"","sizes":[]},"classic_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"load_more_spinner":{"value":"fas fa-spinner","library":"fa-solid"}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-23797 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/is-it-worth-renting-a-studio-apartment-in-reforma\/\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"901\" height=\"504\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15.png\" class=\"attachment-full size-full wp-image-23802\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15.png 901w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15-300x168.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15-768x430.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-15-18x10.png 18w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/is-it-worth-renting-a-studio-apartment-in-reforma\/\" >\n\t\t\t\t\u00bfVale la pena rentar\u00a0depa\u00a0en Reforma?\u00a0\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/is-it-worth-renting-a-studio-apartment-in-reforma\/\" aria-label=\"Read more about \u00bfVale la pena rentar\u00a0depa\u00a0en Reforma?\u00a0\" tabindex=\"-1\" >\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-23577 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/alma-390-gastronomy-and-haute-cuisine\/\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"901\" height=\"673\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5.png\" class=\"attachment-full size-full wp-image-23578\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5.png 901w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5-300x224.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5-768x574.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-5-16x12.png 16w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/alma-390-gastronomy-and-haute-cuisine\/\" >\n\t\t\t\tALMA 390\u00a0by\u00a0Urbanista: Gastronom\u00eda y alta cocina en Reforma\u00a0\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/alma-390-gastronomy-and-haute-cuisine\/\" aria-label=\"Read more about ALMA 390\u00a0by\u00a0Urbanista: Gastronom\u00eda y alta cocina en Reforma\u00a0\" tabindex=\"-1\" >\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-23157 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/urbanista.mx\/en\/blog\/rent-an-apartment-that-makes-your-day\/\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"901\" height=\"502\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1.png\" class=\"attachment-full size-full wp-image-23159\" alt=\"\" srcset=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1.png 901w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-300x167.png 300w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-768x428.png 768w, https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/04\/image-1-18x10.png 18w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/urbanista.mx\/en\/blog\/rent-an-apartment-that-makes-your-day\/\" >\n\t\t\t\t\u00bfCoworking,\u00a0Gym\u00a0y\u00a0Roof\u00a0en un solo lugar? C\u00f3mo rentar un departamento que resuelva tu d\u00eda\u00a0\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/urbanista.mx\/en\/blog\/rent-an-apartment-that-makes-your-day\/\" aria-label=\"Read more about \u00bfCoworking,\u00a0Gym\u00a0y\u00a0Roof\u00a0en un solo lugar? C\u00f3mo rentar un departamento que resuelva tu d\u00eda\u00a0\" tabindex=\"-1\" >\n\t\t\tMOVE IN. MOVE UP.\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t<span class=\"e-load-more-spinner\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-spinner\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\n\t\t\t\t<div class=\"e-load-more-anchor\" data-page=\"1\" data-max-page=\"25\" data-next-page=\"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22173\/page\/2\/\"><\/div>\n\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<div class=\"e-load-more-message\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/section>\n\n\n<section class=\"insta-section\">\n <div class=\"reveal\" style=\"text-align:center\"><div class=\"section-label\">S\u00cdGUENOS<\/div><h2 class=\"section-title\">@URBANISTA.MX<\/h2><\/div>\n\n \t\t<div data-elementor-type=\"widget\" data-elementor-id=\"22091\" class=\"elementor elementor-22091\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t\t<\/div>\n\t\t \n\n<\/section>\n\n\n<section class=\"cta-section\" id=\"contacto\">\n <div class=\"section-label\">AGENDA TU VISITA<\/div>\n <h2 class=\"section-title\" style=\"color:var(--white)\">\u00bfLISTO PARA VIVIR<br>COMO MERECES?<\/h2>\n <p class=\"section-desc\">Agenda una visita hoy y conoce tu pr\u00f3ximo hogar. Sin compromiso, sin presi\u00f3n.<\/p>\n <div style=\"display:flex;gap:16px;justify-content:center;flex-wrap:wrap\">\n <a href=\"#hero\" class=\"btn-primary\">AGENDAR VISITA <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg><\/a>\n <a href=\"https:\/\/wa.me\/5215512345678\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">WHATSAPP<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-top\">\n <div class=\"footer-brand\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/06\/Logo-Negro-Urbanista.png.webp\" alt=\"Urbanista \u2014 Departamentos en renta CDMX\" width=\"120\" height=\"24\" loading=\"lazy\" decoding=\"async\"><p>Departamentos en renta en CDMX dise\u00f1ados para que vivas bien, crezcas r\u00e1pido y disfrutes cada d\u00eda.<\/p><div class=\"footer-award\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00b4d8\" stroke-width=\"1.5\"><path d=\"M12 15l-3.5 2 .67-3.89L6.3 10.3l3.91-.57L12 6l1.79 3.73 3.91.57-2.87 2.81.67 3.89z\"\/><\/svg><span>Mejores departamentos para rentar en CDMX<\/span><\/div><\/div>\n <div class=\"footer-col\"><h4>Comunidades<\/h4><a href=\"#\">Amalia \u00b7 N\u00e1poles<\/a><a href=\"#\">In\u00e9s \u00b7 Polanco<\/a><a href=\"#\">Magda \u00b7 Roma Sur<\/a><a href=\"#\">Josefa \u00b7 Reforma<\/a><a href=\"#\">Matilde \u00b7 Ju\u00e1rez<\/a><a href=\"#\">Natalia \u00b7 Doctores<\/a><a href=\"#\">Joaquina \u00b7 Del Valle<\/a><\/div>\n <div class=\"footer-col\"><h4>Compa\u00f1\u00eda<\/h4><a href=\"#\">Sobre nosotros<\/a><a href=\"#\">Blog<\/a><a href=\"#\">Trabaja con nosotros<\/a><a href=\"#\">Prensa<\/a><a href=\"#\">FAQ<\/a><\/div>\n <div class=\"footer-col\"><h4>Contacto<\/h4><a href=\"tel:+525512345678\">+52 55 1234 5678<\/a><a href=\"mailto:hola@urbanista.mx\">hola@urbanista.mx<\/a><a href=\"#\">WhatsApp<\/a><a href=\"#\">Agendar visita<\/a><\/div>\n <\/div>\n <div class=\"footer-bottom\"><span>\u00a9 2026 Urbanista. Todos los derechos reservados.<\/span><div class=\"footer-socials\"><a href=\"#\"><svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><a href=\"#\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg><\/a><a href=\"#\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg><\/a><\/div><\/div>\n<\/footer>\n\n<a href=\"https:\/\/wa.me\/5215512345678\" 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\/* \u2550\u2550\u2550 CURSOR \u2550\u2550\u2550 *\/\nconst dot=document.getElementById('cursorDot'),ring=document.getElementById('cursorRing');\nif(dot&&ring&&window.innerWidth>1024){\n document.addEventListener('mousemove',e=>{\n dot.style.left=e.clientX+'px';dot.style.top=e.clientY+'px';\n ring.style.left=e.clientX+'px';ring.style.top=e.clientY+'px'\n });\n document.querySelectorAll('a,button,.bs-tab,.grid-card,.exp-card-v2,.benefit-node,.step-row,.sf-submit')\n .forEach(el=>{\n el.addEventListener('mouseenter',()=>ring.classList.add('hover'));\n el.addEventListener('mouseleave',()=>ring.classList.remove('hover'))\n })\n}\n\n\/* \u2550\u2550\u2550 NAV \u2550\u2550\u2550 *\/\nconst nav=document.getElementById('mainNav');\nwindow.addEventListener('scroll',()=>nav.classList.toggle('scrolled',window.scrollY>50));\n\nconst navToggle=document.getElementById('navToggle');\nconst mobileMenu=document.getElementById('mobileMenu');\nnavToggle.addEventListener('click',function(){\n this.classList.toggle('open');\n mobileMenu.classList.toggle('open');\n document.body.style.overflow=mobileMenu.classList.contains('open')?'hidden':''\n});\ndocument.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\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u2550\u2550\u2550 HUBSPOT FORMS INITIALIZATION \u2550\u2550\u2550\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/\/ FORMULARIO 1: Hero Form Bar\nhbspt.forms.create({\n portalId: \"47830887\",\n formId: \"d04d018c-0ee4-43ad-ac48-016eed8e2012\",\n region: \"na1\",\n target: \"#heroHubspotForm\"\n});\n\n\/\/ FORMULARIO 3: Steps Section\nhbspt.forms.create({\n portalId: \"47830887\",\n formId: \"d04d018c-0ee4-43ad-ac48-016eed8e2012\",\n region: \"na1\",\n target: \"#stepsHubspotForm\"\n});\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ SIDEBAR DE FORMULARIOS POR EDIFICIO\n\/\/ El formulario se carga en el sidebar cuando el usuario hace clic\n\/\/ en \"Agendar Visita\" desde el showcase.\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n\/\/ formIds por edificio \u2014 SUSTITUIR cada uno por el real de HubSpot\nconst sidebarFormIds = {\n 0: '96d1f251-f481-484b-b838-2123e287d306', \/\/ AMALIA\n 1: '1820c8c0-e4bd-4b83-93e5-dae1c368a2d9', \/\/ IN\u00c9S\n 2: 'db695a6c-5869-49b0-8dd1-e1241d07ff59', \/\/ MAGDA\n 3: 'b36648ae-9c98-4c20-8375-9e6b61d8325d', \/\/ JOSEFA\n 4: 'fa44f739-1bf0-46f2-b8f7-398f59b24a56', \/\/ MATILDE\n 5: '090f08b4-5b99-4c98-831e-8927745ec237', \/\/ NATALIA\n 6: 'a0e43f30-1bb9-4806-acc6-003a4bc1f611', \/\/ JOAQUINA\n 7: '4b765a47-f887-458d-8bec-6b9fbe8e35aa', \/\/ LEONA\n 8: '69d1ab47-46cc-4a69-9c11-8c57fbd8b49d' \/\/ ENRIQUETA\n};\n\nlet sidebarLoadedFor = -1; \/\/ track which building's form is loaded\n\nfunction openSidebar() {\n const b = buildings[bsCurrent];\n \/\/ Update sidebar header\n document.getElementById('sidebarBuildingName').textContent = b.name;\n document.getElementById('sidebarBuildingBadge').textContent = b.tag;\n\n \/\/ Load form if not already loaded for this building\n if (sidebarLoadedFor !== bsCurrent) {\n const container = document.getElementById('sidebarFormTarget');\n container.innerHTML = ''; \/\/ clear old form\n const formId = sidebarFormIds[bsCurrent];\n if (formId && !formId.startsWith('PON-AQUI')) {\n hbspt.forms.create({\n portalId: '47830887',\n formId: formId,\n region: 'na1',\n target: '#sidebarFormTarget'\n });\n } else {\n container.innerHTML = '<p style=\"color:rgba(255,255,255,.5);text-align:center;padding:40px 0;font-size:15px;\">Formulario pr\u00f3ximamente disponible para ' + b.name + '<\/p>';\n }\n sidebarLoadedFor = bsCurrent;\n }\n\n \/\/ Open sidebar\n document.getElementById('sidebarOverlay').classList.add('open');\n document.getElementById('sidebarPanel').classList.add('open');\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeSidebar() {\n document.getElementById('sidebarOverlay').classList.remove('open');\n document.getElementById('sidebarPanel').classList.remove('open');\n document.body.style.overflow = '';\n}\n\n\/\/ sidebar event listeners are attached after the sidebar HTML below\n\n\n\/* \u2550\u2550\u2550 BUILDING SHOWCASE \u2550\u2550\u2550 *\/\nconst buildings=[\n {name:'AMALIA',zone:'N\u00e1poles',address:'Av. Insurgentes Sur 609, N\u00e1poles, CDMX',price:'$23,520 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Vive a 2 calles del WTC en un depa funcional, bien ubicado, con seguridad 24\/7, c\u00f3modo y dise\u00f1ado para tu descanso',link:'https:\/\/urbanista.mx\/amalia-napoles'},\n {name:'IN\u00c9S',zone:'Polanco',address: 'Andr\u00f3maco 9, Ampliaci\u00f3n Granada, CDMX',price:'$25,330 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Vive a 5 minutos del Museo Soumaya en un depa funcional, amenidades que simplifican tu d\u00eda y comunidad vibrante',link:'https:\/\/urbanista.mx\/ines-polanco\/'},\n {name:'MAGDA',zone:'Roma Sur',address:'Av. Insurgentes Sur 454, Roma Sur, CDMX',price:'$24,730 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Goza de la mejor vida urbana en el coraz\u00f3n de la col. Roma en un depa con todo incluido y amenidades para potenciar tu d\u00eda',link:'https:\/\/urbanista.mx\/magda-la-roma\/'},\n {name:'JOSEFA',zone:'Reforma',address:'Paseo de la Reforma 390, Cuauht\u00e9moc, CDMX',price:'$26,930 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Vive donde todo pasa: a pasos del \u00c1ngel de la Independencia, vistas incre\u00edbles y con todo lo que necesitas incluido',link:'https:\/\/urbanista.mx\/josefa-reforma\/'},\n {name:'MATILDE',zone:'Ju\u00e1rez',address:'Donato Guerra 1, Ju\u00e1rez, CDMX',price:'$20,030 MXN',priceNote:'con servicios incluidos',tag:'DESDE $20K',desc:'La opci\u00f3n m\u00e1s accesible en una de las colonias m\u00e1s c\u00e9ntricas y conectadas de la ciudad',link:'https:\/\/urbanista.mx\/matilde-juarez\/'},\n {name:'NATALIA',zone:'Doctores',address:'Dr. Carmona y Valle 25, Doctores, CDMX',price:'$24,730 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Atr\u00e1s de la Arena M\u00e9xico, cerca de la Roma y con amenidades pensadas para tu ritmo de vida',link:'https:\/\/urbanista.mx\/natalia-doctores\/'},\n {name:'JOAQUINA',zone:'Del Valle',address:'San Francisco 345, Del Valle, CDMX',price:'$22,000 MXN',priceNote:'con servicios incluidos',tag:'DISPONIBLE',desc:'Tu depa cerca del WTC y de la N\u00e1poles, con aislamiento ac\u00fastico y amenidades premium para simplificar tu d\u00eda a d\u00eda',link:'https:\/\/urbanista.mx\/joaquina-del-valle\/'},\n {name:'LEONA',zone:'Condesa',address:'Montes de Oca 47, Condesa, CDMX',price:'',priceNote:'',tag:'SIN DISPONIBILIDAD',desc:'Ubicado en el coraz\u00f3n de la Condesa, a unos pasos del Parque M\u00e9xico y Parque Espa\u00f1a. \u00a1Sin disponibilidad!',link:'https:\/\/urbanista.mx\/leona-condesa\/'},\n {name:'ENRIQUETA',zone:'Sta. Mar\u00eda',address:'Santa Mar\u00eda la Ribera, CDMX',price:'PR\u00d3XIMAMENTE',priceNote:'un barrio que te envuelve sin prisa',tag:'PR\u00d3XIMAMENTE',desc:'Tu depa a calles del ic\u00f3nico Kiosko Morisco y de Plaza Buenavista, con confort premium, seguridad 24\/7 y amenidades para vivir en tu propio oasis urbano... \u00a1Pr\u00f3ximamente en 2026!',link:'https:\/\/urbanista.mx\/enriqueta-santa-maria-la-ribera'}\n];\n\n\nlet bsCurrent=0,bsTimer;\nconst bsSlides=document.querySelectorAll('.bs-slide'),\n bsTabs=document.querySelectorAll('.bs-tab'),\n bsSelector=document.getElementById('bsSelector');\n\nfunction showBuilding(i){\n bsCurrent=i;const b=buildings[i];\n bsSlides.forEach(s=>s.classList.remove('active'));\n if(bsSlides[i]) bsSlides[i].classList.add('active');\n bsTabs.forEach(t=>t.classList.remove('active'));\n if(bsTabs[i]) bsTabs[i].classList.add('active');\n document.getElementById('bsName').textContent=b.name;\n document.getElementById('bsAddress').textContent=b.address;\n document.getElementById('bsPrice').textContent=b.price;\n document.getElementById('bsPriceNote').textContent=b.priceNote;\n document.getElementById('bsTag').textContent=b.tag;\n document.getElementById('bsDesc').textContent=b.desc;\n document.getElementById('bsConoce').href=b.link;\n document.getElementById('bsProgressBar').style.width=((i+1)\/buildings.length*100)+'%';\n\n\n if(bsSelector&&bsTabs[i]){\n const tab=bsTabs[i];\n const left=tab.offsetLeft-(bsSelector.clientWidth\/2)+(tab.clientWidth\/2);\n const max=bsSelector.scrollWidth-bsSelector.clientWidth;\n bsSelector.scrollTo({left:Math.max(0,Math.min(left,max)),behavior:'smooth'})\n }\n resetBsTimer()\n}\nfunction resetBsTimer(){clearInterval(bsTimer);bsTimer=setInterval(()=>showBuilding((bsCurrent+1)%buildings.length),6000)}\nbsTabs.forEach(t=>t.addEventListener('click',()=>showBuilding(+t.dataset.index)));\ndocument.getElementById('bsNext').addEventListener('click',()=>showBuilding((bsCurrent+1)%buildings.length));\ndocument.getElementById('bsPrev').addEventListener('click',()=>showBuilding((bsCurrent-1+buildings.length)%buildings.length));\nresetBsTimer();\ndocument.addEventListener('keydown',e=>{\n if(e.key==='ArrowRight')showBuilding((bsCurrent+1)%buildings.length);\n if(e.key==='ArrowLeft')showBuilding((bsCurrent-1+buildings.length)%buildings.length)\n});\nlet touchStartX=0;\nconst showcase=document.getElementById('showcaseView');\nif(showcase){\n showcase.addEventListener('touchstart',e=>{touchStartX=e.changedTouches[0].screenX},{passive:true});\n showcase.addEventListener('touchend',e=>{\n const diff=touchStartX-e.changedTouches[0].screenX;\n if(Math.abs(diff)>50){diff>0?showBuilding((bsCurrent+1)%buildings.length):showBuilding((bsCurrent-1+buildings.length)%buildings.length)}\n },{passive:true})\n}\ndocument.querySelectorAll('.view-toggle-btn').forEach(btn=>{\n btn.addEventListener('click',()=>{\n document.querySelectorAll('.view-toggle-btn').forEach(b=>b.classList.remove('active'));\n btn.classList.add('active');\n const v=btn.dataset.view;\n document.getElementById('showcaseView').classList.toggle('hidden',v!=='showcase');\n document.getElementById('gridView').classList.toggle('hidden',v!=='grid')\n })\n});\n\n\/* \u2550\u2550\u2550 PAUSE SHOWCASE ON INTERACTION \u2550\u2550\u2550 *\/\n(function(){\n const content = document.querySelector('.bs-content');\n const selectorBar = document.getElementById('bsSelector');\n if(!content) return;\n\n function pauseShowcase(){ clearInterval(bsTimer) }\n function resumeShowcase(){ resetBsTimer() }\n\n \/\/ Pause on hover over content area (info + forms)\n content.addEventListener('mouseenter', pauseShowcase);\n content.addEventListener('mouseleave', resumeShowcase);\n\n \/\/ Pause on hover over tab selector\n if(selectorBar){\n selectorBar.addEventListener('mouseenter', pauseShowcase);\n selectorBar.addEventListener('mouseleave', resumeShowcase);\n }\n\n \/\/ Pause when user focuses any form input inside showcase\n content.addEventListener('focusin', pauseShowcase);\n content.addEventListener('focusout', resumeShowcase);\n\n \/\/ Pause on touch interaction (mobile)\n content.addEventListener('touchstart', pauseShowcase, {passive:true});\n content.addEventListener('touchend', function(){\n \/\/ Resume after a delay to avoid immediate slide change\n setTimeout(resumeShowcase, 3000);\n }, {passive:true});\n})();\n\n\/* \u2550\u2550\u2550 EXPERIENCE RANGE SLIDER \u2550\u2550\u2550 *\/\n(function(){\n const track=document.getElementById('expTrack');\n const range=document.getElementById('expRange');\n const rangeFill=document.getElementById('expRangeFill');\n const hint=document.getElementById('expSliderHint');\n if(!track||!range) return;\n\n if(window.innerWidth>1024){\n let maxScroll=0;\n function calcMax(){maxScroll=Math.max(0,track.scrollWidth-track.parentElement.offsetWidth)}\n calcMax();\n window.addEventListener('resize',calcMax);\n\n range.addEventListener('input',function(){\n if(!this.classList.contains('interacted')){\n this.classList.add('interacted');\n if(hint)hint.style.opacity='0';\n }\n const pct=this.value\/100;\n const tx=-pct*maxScroll;\n track.style.transform='translateX('+tx+'px)';\n if(rangeFill)rangeFill.style.width=this.value+'%';\n });\n\n track.querySelectorAll('img').forEach(function(img){img.addEventListener('load',calcMax)});\n setTimeout(calcMax,1000);\n }\n})();\n\n\/* \u2550\u2550\u2550 STEPS ANIMATION \u2550\u2550\u2550 *\/\n(function(){\n const grid=document.getElementById('stepsGrid');\n if(!grid) return;\n const formCard=grid.querySelector('.step-form-card');\n const rows=grid.querySelectorAll('.step-row');\n const connectors=grid.querySelectorAll('.step-connector');\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{\n if(e.isIntersecting){\n if(formCard) formCard.classList.add('animate');\n rows.forEach(c=>c.classList.add('animate'));\n connectors.forEach(c=>c.classList.add('animate'));\n obs.unobserve(grid)\n }\n })\n },{threshold:.15});\n obs.observe(grid)\n})();\n\n\/* Reveal *\/\nconst revealObs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');revealObs.unobserve(e.target)}})\n},{threshold:.15});\ndocument.querySelectorAll('.reveal').forEach(el=>revealObs.observe(el));\n\n\/* Conceptos slider *\/\nlet csCurrent=0,csTimer;\nconst csSlides=document.querySelectorAll('.concepto-slide'),csDots=document.querySelectorAll('.cs-nav-dot');\nfunction showCS(i){\n csCurrent=i;\n csSlides.forEach(s=>s.classList.remove('active'));csSlides[i].classList.add('active');\n csDots.forEach(d=>d.classList.remove('active'));csDots[i].classList.add('active');\n document.getElementById('csCurrentNum').textContent=String(i+1).padStart(2,'0');\n resetCsTimer()\n}\nfunction resetCsTimer(){clearInterval(csTimer);csTimer=setInterval(()=>showCS((csCurrent+1)%csSlides.length),7000)}\ncsDots.forEach(d=>d.addEventListener('click',()=>showCS(+d.dataset.cs)));\ndocument.getElementById('csNext').addEventListener('click',()=>showCS((csCurrent+1)%csSlides.length));\ndocument.getElementById('csPrev').addEventListener('click',()=>showCS((csCurrent-1+csSlides.length)%csSlides.length));\nresetCsTimer();\n<\/script>\n\n\n<div class=\"sidebar-overlay\" id=\"sidebarOverlay\"><\/div>\n<div class=\"sidebar-panel\" id=\"sidebarPanel\">\n <div class=\"sidebar-header\">\n <div class=\"sidebar-title\">AGENDAR <span>VISITA<\/span><\/div>\n <div class=\"sidebar-close\" id=\"sidebarCloseBtn\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"sidebar-body\">\n <div class=\"sidebar-building-badge\">\n <span class=\"live-dot\"><\/span> <span id=\"sidebarBuildingBadge\">DISPONIBLE<\/span>\n <\/div>\n <h3 style=\"font-size:24px;color:white;margin-bottom:8px;\" id=\"sidebarBuildingName\">EDIFICIO<\/h3>\n <p style=\"font-size:14px;color:rgba(255,255,255,.6);margin-bottom:24px;\">D\u00e9janos tus datos y nos comunicaremos contigo para agendar un recorrido en este edificio.<\/p>\n <div class=\"sidebar-form-container\" id=\"sidebarFormTarget\"><\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ Sidebar event listeners (must be AFTER the sidebar HTML)\ndocument.getElementById('sidebarOverlay').addEventListener('click', closeSidebar);\ndocument.getElementById('sidebarCloseBtn').addEventListener('click', closeSidebar);\ndocument.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeSidebar(); });\n<\/script>\n\n\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\" defer><\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Urbanista \u2014 Departamentos en Renta en CDMX sin Aval | N\u00e1poles, Polanco, Roma Concepto Comunidades Experiencias Blog FAQ AGENDAR VISITA Concepto Comunidades Experiencias Blog FAQ<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22173","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=22173"}],"version-history":[{"count":4,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22173\/revisions"}],"predecessor-version":[{"id":22246,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22173\/revisions\/22246"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=22173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}