Brokers \u00b7 Urbanista<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n<style>\n :root{\n --navy:#004e64;\n --navy-light:#006580;\n --navy-dark:#003a4a;\n --navy-deep:#002b37;\n --white:#ffffff;\n --paper:#f4f6f7;\n --paper-2:#e7edee;\n --line:rgba(255,255,255,.14);\n --ink:#0c1c22;\n --muted:rgba(255,255,255,.62);\n --red:#e23b3b;\n --display:'Bebas Neue',sans-serif;\n --body:'Roboto',system-ui,sans-serif;\n }\n *{box-sizing:border-box;margin:0;padding:0}\n html,body{height:100%}\n body{\n font-family:var(--body);\n background:var(--navy-deep);\n color:var(--white);\n overflow:hidden;\n }\n a{color:inherit;text-decoration:none}\n\n \/* ===== SHELL: full-screen grid, fills viewport, no empty space ===== *\/\n .shell{\n height:100vh;\n height:100dvh;\n display:grid;\n grid-template-rows:auto 1fr auto;\n overflow:hidden;\n }\n\n \/* ===== TOP BAR ===== *\/\n .topbar{\n display:flex;\n align-items:center;\n justify-content:space-between;\n padding:14px 26px;\n background:var(--navy-dark);\n border-bottom:1px solid var(--line);\n gap:24px;\n }\n .brand{display:flex;align-items:center;gap:16px;min-width:0}\n .brand img{height:30px;width:auto;display:block}\n .brand .tag{\n font-family:var(--display);\n letter-spacing:.18em;\n font-size:15px;\n color:var(--muted);\n border-left:1px solid var(--line);\n padding-left:16px;\n white-space:nowrap;\n }\n .hours{display:flex;align-items:center;gap:26px}\n .hours .h-item{display:flex;flex-direction:column;line-height:1.05}\n .hours .h-k{font-family:var(--display);letter-spacing:.16em;font-size:13px;color:var(--muted)}\n .hours .h-v{font-size:13px;font-weight:700;color:var(--white)}\n .pill{\n font-family:var(--display);\n letter-spacing:.14em;\n font-size:14px;\n padding:9px 18px;\n border:1px solid var(--line);\n border-radius:999px;\n color:var(--white);\n background:var(--navy-light);\n white-space:nowrap;\n }\n\n \/* ===== MAIN: three full-height columns ===== *\/\n .main{\n display:grid;\n grid-template-columns:340px 1fr 360px;\n min-height:0;\n overflow:hidden;\n }\n .col{min-height:0;display:flex;flex-direction:column;overflow:hidden}\n\n \/* ---- Left rail: commission + rules ---- *\/\n .rail-left{\n background:linear-gradient(180deg,var(--navy) 0%,var(--navy-dark) 100%);\n border-right:1px solid var(--line);\n padding:24px;\n gap:22px;\n }\n .kicker{\n font-family:var(--display);\n letter-spacing:.22em;\n font-size:14px;\n color:var(--muted);\n margin-bottom:10px;\n }\n .commission{\n border:1px solid var(--line);\n border-radius:14px;\n padding:20px;\n background:rgba(255,255,255,.04);\n }\n .commission .num{\n font-family:var(--display);\n font-size:88px;\n line-height:.82;\n color:var(--white);\n display:flex;\n align-items:flex-start;\n gap:4px;\n }\n .commission .num span{font-size:34px;margin-top:8px}\n .commission .lbl{\n margin-top:6px;\n font-size:13px;\n color:var(--muted);\n max-width:24ch;\n }\n .rules{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow:hidden}\n .rule{\n display:flex;\n gap:14px;\n padding:15px 0;\n border-top:1px solid var(--line);\n align-items:flex-start;\n }\n .rule:first-child{border-top:none}\n .rule .rn{\n font-family:var(--display);\n font-size:20px;\n color:var(--navy-light);\n min-width:22px;\n line-height:1;\n padding-top:1px;\n }\n .rule p{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.82)}\n .rule strong{color:var(--white);font-weight:700}\n .rule .warn{color:#ff8a8a}\n\n \/* ---- Center: title + booking ---- *\/\n .center{\n background:var(--paper);\n color:var(--ink);\n padding:26px 30px 22px;\n }\n .center .lead{\n font-family:var(--display);\n line-height:.9;\n letter-spacing:.005em;\n font-size:clamp(28px,3.2vw,48px);\n color:var(--navy-dark);\n text-transform:uppercase;\n white-space:nowrap;\n }\n .center .lead em{font-style:normal;color:var(--navy-light)}\n .center .sub{\n margin-top:10px;\n font-size:14.5px;\n color:#41565d;\n max-width:60ch;\n }\n\n .tabs{display:flex;gap:8px;margin-top:18px}\n .tab{\n font-family:var(--display);\n letter-spacing:.13em;\n font-size:17px;\n padding:11px 22px;\n border-radius:10px 10px 0 0;\n background:var(--paper-2);\n color:#5a6e74;\n cursor:pointer;\n border:1px solid transparent;\n border-bottom:none;\n user-select:none;\n }\n .tab[aria-selected=\"true\"]{\n background:var(--white);\n color:var(--navy-dark);\n box-shadow:0 -2px 0 var(--navy-light) inset;\n }\n .panelbox{\n background:var(--white);\n border-radius:0 12px 12px 12px;\n flex:1;\n min-height:0;\n overflow:auto;\n padding:22px 24px;\n border:1px solid var(--paper-2);\n }\n .formpane{display:none}\n .formpane.active{display:block}\n .hint{\n font-family:var(--display);\n letter-spacing:.12em;\n font-size:14px;\n color:var(--navy-light);\n margin-bottom:14px;\n }\n\n \/* HubSpot form sits in light center, restyle to navy palette *\/\n .hs-form fieldset{max-width:100%!important}\n .hs-form label{font-size:13px!important;color:#33474d!important;font-weight:500!important}\n .hs-input,.hs-form input[type=text],.hs-form input[type=email],.hs-form input[type=tel],.hs-form select,.hs-form textarea{\n border:1px solid #cdd8da!important;border-radius:8px!important;padding:10px 12px!important;font-family:var(--body)!important\n }\n .hs-button{\n background:var(--navy)!important;border:none!important;border-radius:999px!important;\n font-family:var(--display)!important;letter-spacing:.12em!important;font-size:16px!important;\n padding:12px 30px!important;color:#fff!important;cursor:pointer!important\n }\n .hs-button:hover{background:var(--navy-light)!important}\n\n \/* ---- Right rail: buildings ---- *\/\n .rail-right{\n background:var(--navy-dark);\n border-left:1px solid var(--line);\n padding:20px;\n gap:14px;\n }\n .rail-right .head{\n display:flex;align-items:baseline;justify-content:space-between;\n }\n .rail-right .head h3{\n font-family:var(--display);letter-spacing:.14em;font-size:22px;color:var(--white)\n }\n .rail-right .head .ct{font-size:12px;color:var(--muted)}\n .blds{\n flex:1;min-height:0;overflow:hidden;\n display:block;\n }\n .blds-track{display:flex;flex-direction:column;gap:10px}\n .bld{\n position:relative;border-radius:11px;overflow:hidden;\n aspect-ratio:16\/10;display:block;border:1px solid var(--line);\n }\n .bld img{\n position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\n transition:transform .5s ease;\n }\n .bld:hover img{transform:scale(1.07)}\n .bld .ov{\n position:absolute;inset:0;\n background:linear-gradient(180deg,rgba(0,43,55,0) 38%,rgba(0,43,55,.86) 100%);\n }\n .bld .meta{position:absolute;left:14px;right:14px;bottom:12px}\n .bld .nm{font-family:var(--display);letter-spacing:.06em;font-size:26px;line-height:1;color:#fff}\n .bld .nm small{font-size:15px;letter-spacing:.08em;color:#bfe0e8}\n .bld .pr{font-size:13px;font-weight:700;color:#bfe0e8;margin-top:4px}\n .bld .soon{\n position:absolute;top:9px;left:9px;\n font-family:var(--display);letter-spacing:.12em;font-size:11px;\n background:var(--navy-light);padding:3px 8px;border-radius:6px;\n }\n\n \/* ===== BOTTOM TICKER ===== *\/\n .ticker{\n background:var(--navy);\n border-top:1px solid var(--line);\n overflow:hidden;white-space:nowrap;\n padding:9px 0;\n }\n .ticker-content{\n display:inline-block;padding-left:100%;\n animation:marquee 26s linear infinite;\n font-size:13px;color:#cfe6ec;letter-spacing:.02em;\n }\n .ticker-content strong{color:#ff8a8a}\n @keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}\n\n \/* scrollbars *\/\n .rules::-webkit-scrollbar,.blds::-webkit-scrollbar,.panelbox::-webkit-scrollbar{width:8px}\n .rules::-webkit-scrollbar-thumb,.blds::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}\n .panelbox::-webkit-scrollbar-thumb{background:#cdd8da;border-radius:4px}\n\n @media (prefers-reduced-motion:reduce){\n .ticker-content{animation:none;padding-left:0}\n .bld img{transition:none}\n }\n\n \/* ===== Responsive: collapse to scrollable stack on small screens ===== *\/\n @media (max-width:1100px){\n body{overflow:auto}\n .shell{height:auto;min-height:100dvh}\n .main{grid-template-columns:1fr;overflow:visible}\n .col{overflow:visible}\n .rules,.blds{overflow:visible}\n .blds{display:block}\n .blds-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}\n .rules-track,.blds-track{transform:none!important}\n .panelbox{overflow:visible}\n }\n @media (max-width:640px){\n .topbar{flex-wrap:wrap;gap:14px}\n .blds-track{grid-template-columns:1fr 1fr}\n .commission .num{font-size:64px}\n .center .lead{white-space:normal}\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"shell\">\n\n \n <header class=\"topbar\">\n <div class=\"brand\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png-1024x471.png\" alt=\"Urbanista\">\n <span class=\"tag\">Portal de Brokers<\/span>\n <\/div>\n <\/header>\n\n \n <main class=\"main\">\n\n \n <section class=\"col rail-left\">\n <div>\n <div class=\"kicker\">Tu comisi\u00f3n<\/div>\n <div class=\"commission\">\n <div class=\"num\">30<span>%<\/span><\/div>\n <div class=\"lbl\">Por cada lead validado con tour agendado y confirmado.<\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"kicker\">Reglas del programa<\/div>\n <div class=\"rules\">\n <div class=\"rules-track\">\n <div class=\"rule\"><span class=\"rn\">01<\/span><p>El lead queda <strong>sujeto a confirmaci\u00f3n<\/strong> por parte de Urbanista.<\/p><\/div>\n <div class=\"rule\"><span class=\"rn\">02<\/span><p><strong class=\"warn\">No est\u00e1 permitido<\/strong> publicar departamentos de Urbanista en portales (Inmuebles24, Mercado Libre, Lamudi, Vivanuncios) ni en plataformas digitales (Google, Meta).<\/p><\/div>\n <div class=\"rule\"><span class=\"rn\">03<\/span><p>El incumplimiento implica la <strong class=\"warn\">cancelaci\u00f3n<\/strong> del convenio y de todo tour agendado.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"col center\" id=\"agendar\">\n <h1 class=\"lead\">Registra tus citas. <em>Cobra tu comisi\u00f3n.<\/em><\/h1>\n <p class=\"sub\">Agenda aqu\u00ed los tours de tus clientes en cualquiera de las nueve comunidades Urbanista en CDMX. Elige el d\u00eda y completa el registro.<\/p>\n\n <div class=\"tabs\" role=\"tablist\">\n <div class=\"tab\" role=\"tab\" aria-selected=\"true\" data-pane=\"weekday\" id=\"t-weekday\">Lunes a Viernes<\/div>\n <div class=\"tab\" role=\"tab\" aria-selected=\"false\" data-pane=\"weekend\" id=\"t-weekend\">S\u00e1bados y Domingos<\/div>\n <\/div>\n\n <div class=\"panelbox\">\n <div class=\"formpane active\" id=\"pane-weekday\" role=\"tabpanel\" aria-labelledby=\"t-weekday\">\n <div class=\"hint\">Tour entre semana \u00b7 10:00 a 18:30<\/div>\n <div id=\"hsform-weekday\"><\/div>\n <\/div>\n <div class=\"formpane\" id=\"pane-weekend\" role=\"tabpanel\" aria-labelledby=\"t-weekend\">\n <div class=\"hint\">S\u00e1bado de 10:00 am a 5:00 pm \u00b7 Domingo de 10:00 am a 3:00 pm<\/div>\n <div id=\"hsform-weekend\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <aside class=\"col rail-right\">\n <div class=\"head\">\n <h3>Comunidades<\/h3>\n <span class=\"ct\">9 edificios \u00b7 CDMX<\/span>\n <\/div>\n <div class=\"blds auto-scroll\" data-speed=\"36\">\n <div class=\"blds-track\">\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/josefa-reforma\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0006_josefa.jpg\" alt=\"Josefa by Urbanista, Reforma\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Josefa <small>by Urbanista<\/small><\/div><div class=\"pr\">Reforma<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/magda-la-roma\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0002_magda.jpg\" alt=\"Magda by Urbanista, Roma\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Magda <small>by Urbanista<\/small><\/div><div class=\"pr\">Roma<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/amalia-napoles\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0005_amelia.jpg\" alt=\"Amalia by Urbanista, N\u00e1poles\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Amalia <small>by Urbanista<\/small><\/div><div class=\"pr\">N\u00e1poles<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/ines-polanco\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0003_ines.jpg\" alt=\"In\u00e9s by Urbanista, Polanco\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">In\u00e9s <small>by Urbanista<\/small><\/div><div class=\"pr\">Polanco<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/matilde-juarez\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0000_matilde-1.jpg\" alt=\"Matilde by Urbanista, Ju\u00e1rez\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Matilde <small>by Urbanista<\/small><\/div><div class=\"pr\">Ju\u00e1rez<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/natalia-doctores\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0007_natalia.jpg\" alt=\"Natalia by Urbanista, Doctores\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Natalia <small>by Urbanista<\/small><\/div><div class=\"pr\">Doctores<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0004_joaquina.jpg\" alt=\"Joaquina by Urbanista, Del Valle\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Joaquina <small>by Urbanista<\/small><\/div><div class=\"pr\">Del Valle<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/leona-condesa\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0001_leona.jpg\" alt=\"Leona by Urbanista, Condesa\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Leona <small>by Urbanista<\/small><\/div><div class=\"pr\">Condesa<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"#\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Renta-en-santa-maria-la-ribera.jpg\" alt=\"Enriqueta by Urbanista, Santa Mar\u00eda la Ribera\">\n <div class=\"ov\"><\/div><div class=\"soon\">Pr\u00f3ximamente<\/div>\n <div class=\"meta\"><div class=\"nm\">Enriqueta <small>by Urbanista<\/small><\/div><div class=\"pr\">Sta. Mar\u00eda la Ribera<\/div><\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/aside>\n\n <\/main>\n\n \n <div class=\"ticker\">\n <div class=\"ticker-content\">\n <strong>No est\u00e1 permitido<\/strong> publicar ni anunciar departamentos de Urbanista en portales inmobiliarios (Inmuebles24, Mercado Libre, Lamudi, Vivanuncios) ni en plataformas digitales (Google, Meta). Publicar en estos medios implica la <strong>cancelaci\u00f3n de la relaci\u00f3n comercial.<\/strong> \u00b7 Urbanista \u00b7 Move In. Move Up. \u00b7 \n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n \/\/ Tabs\n var tabs = document.querySelectorAll('.tab');\n tabs.forEach(function(t){\n t.addEventListener('click', function(){\n tabs.forEach(function(x){x.setAttribute('aria-selected','false')});\n t.setAttribute('aria-selected','true');\n document.querySelectorAll('.formpane').forEach(function(p){p.classList.remove('active')});\n document.getElementById('pane-'+t.dataset.pane).classList.add('active');\n });\n });\n\n \/\/ HubSpot forms \u2014 same portal\/form IDs as the live brokers page\n if (window.hbspt) {\n hbspt.forms.create({ portalId:\"47830887\", formId:\"828b2ac2-b6dd-419f-a362-22c34440d0d5\", region:\"na1\", target:\"#hsform-weekday\" });\n hbspt.forms.create({ portalId:\"47830887\", formId:\"d157be9b-94bc-475f-94dc-c12e01db06f9\", region:\"na1\", target:\"#hsform-weekend\" });\n }\n\n \/\/ Infinite vertical auto-scroll for both side columns\n var reduce = window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n var isStacked = window.matchMedia('(max-width:1100px)').matches;\n\n function initLoop(container){\n var track = container.firstElementChild;\n if(!track) return;\n \/\/ duplicate content so the loop is seamless\n track.innerHTML += track.innerHTML;\n var speed = parseFloat(container.dataset.speed) || 36; \/\/ px per second\n var offset = 0, paused = false, last = null;\n var half = track.scrollHeight \/ 2;\n\n container.addEventListener('mouseenter', function(){ paused = true; });\n container.addEventListener('mouseleave', function(){ paused = false; });\n\n function step(ts){\n if(last === null) last = ts;\n var dt = (ts - last) \/ 1000;\n last = ts;\n if(!paused){\n offset += speed * dt;\n if(offset >= half) offset -= half;\n track.style.transform = 'translateY(' + (-offset) + 'px)';\n }\n requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n }\n\n if(!reduce && !isStacked){\n document.querySelectorAll('.auto-scroll').forEach(initLoop);\n }\n\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brokers \u00b7 Urbanista Portal de Brokers Tu comisi\u00f3n 30% Por cada lead validado con tour agendado y confirmado. Reglas del programa 01 El lead queda sujeto a confirmaci\u00f3n por parte de Urbanista. 02 No est\u00e1 permitido publicar departamentos de Urbanista en portales (Inmuebles24, Mercado Libre, Lamudi, Vivanuncios) ni en plataformas digitales (Google, Meta). 03 El […]<\/p>\n","protected":false},"author":3,"featured_media":14846,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9460","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/9460","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=9460"}],"version-history":[{"count":50,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/9460\/revisions"}],"predecessor-version":[{"id":25037,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/9460\/revisions\/25037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media\/14846"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=9460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9460,"date":"2024-09-09T09:43:39","date_gmt":"2024-09-09T15:43:39","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=9460"},"modified":"2026-06-12T09:33:23","modified_gmt":"2026-06-12T15:33:23","slug":"brokers-urbanista","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/brokers-urbanista\/","title":{"rendered":"Brokers Urbanista"},"content":{"rendered":"\n\n\n\n\n\nBrokers \u00b7 Urbanista<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n<style>\n :root{\n --navy:#004e64;\n --navy-light:#006580;\n --navy-dark:#003a4a;\n --navy-deep:#002b37;\n --white:#ffffff;\n --paper:#f4f6f7;\n --paper-2:#e7edee;\n --line:rgba(255,255,255,.14);\n --ink:#0c1c22;\n --muted:rgba(255,255,255,.62);\n --red:#e23b3b;\n --display:'Bebas Neue',sans-serif;\n --body:'Roboto',system-ui,sans-serif;\n }\n *{box-sizing:border-box;margin:0;padding:0}\n html,body{height:100%}\n body{\n font-family:var(--body);\n background:var(--navy-deep);\n color:var(--white);\n overflow:hidden;\n }\n a{color:inherit;text-decoration:none}\n\n \/* ===== SHELL: full-screen grid, fills viewport, no empty space ===== *\/\n .shell{\n height:100vh;\n height:100dvh;\n display:grid;\n grid-template-rows:auto 1fr auto;\n overflow:hidden;\n }\n\n \/* ===== TOP BAR ===== *\/\n .topbar{\n display:flex;\n align-items:center;\n justify-content:space-between;\n padding:14px 26px;\n background:var(--navy-dark);\n border-bottom:1px solid var(--line);\n gap:24px;\n }\n .brand{display:flex;align-items:center;gap:16px;min-width:0}\n .brand img{height:30px;width:auto;display:block}\n .brand .tag{\n font-family:var(--display);\n letter-spacing:.18em;\n font-size:15px;\n color:var(--muted);\n border-left:1px solid var(--line);\n padding-left:16px;\n white-space:nowrap;\n }\n .hours{display:flex;align-items:center;gap:26px}\n .hours .h-item{display:flex;flex-direction:column;line-height:1.05}\n .hours .h-k{font-family:var(--display);letter-spacing:.16em;font-size:13px;color:var(--muted)}\n .hours .h-v{font-size:13px;font-weight:700;color:var(--white)}\n .pill{\n font-family:var(--display);\n letter-spacing:.14em;\n font-size:14px;\n padding:9px 18px;\n border:1px solid var(--line);\n border-radius:999px;\n color:var(--white);\n background:var(--navy-light);\n white-space:nowrap;\n }\n\n \/* ===== MAIN: three full-height columns ===== *\/\n .main{\n display:grid;\n grid-template-columns:340px 1fr 360px;\n min-height:0;\n overflow:hidden;\n }\n .col{min-height:0;display:flex;flex-direction:column;overflow:hidden}\n\n \/* ---- Left rail: commission + rules ---- *\/\n .rail-left{\n background:linear-gradient(180deg,var(--navy) 0%,var(--navy-dark) 100%);\n border-right:1px solid var(--line);\n padding:24px;\n gap:22px;\n }\n .kicker{\n font-family:var(--display);\n letter-spacing:.22em;\n font-size:14px;\n color:var(--muted);\n margin-bottom:10px;\n }\n .commission{\n border:1px solid var(--line);\n border-radius:14px;\n padding:20px;\n background:rgba(255,255,255,.04);\n }\n .commission .num{\n font-family:var(--display);\n font-size:88px;\n line-height:.82;\n color:var(--white);\n display:flex;\n align-items:flex-start;\n gap:4px;\n }\n .commission .num span{font-size:34px;margin-top:8px}\n .commission .lbl{\n margin-top:6px;\n font-size:13px;\n color:var(--muted);\n max-width:24ch;\n }\n .rules{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow:hidden}\n .rule{\n display:flex;\n gap:14px;\n padding:15px 0;\n border-top:1px solid var(--line);\n align-items:flex-start;\n }\n .rule:first-child{border-top:none}\n .rule .rn{\n font-family:var(--display);\n font-size:20px;\n color:var(--navy-light);\n min-width:22px;\n line-height:1;\n padding-top:1px;\n }\n .rule p{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.82)}\n .rule strong{color:var(--white);font-weight:700}\n .rule .warn{color:#ff8a8a}\n\n \/* ---- Center: title + booking ---- *\/\n .center{\n background:var(--paper);\n color:var(--ink);\n padding:26px 30px 22px;\n }\n .center .lead{\n font-family:var(--display);\n line-height:.9;\n letter-spacing:.005em;\n font-size:clamp(28px,3.2vw,48px);\n color:var(--navy-dark);\n text-transform:uppercase;\n white-space:nowrap;\n }\n .center .lead em{font-style:normal;color:var(--navy-light)}\n .center .sub{\n margin-top:10px;\n font-size:14.5px;\n color:#41565d;\n max-width:60ch;\n }\n\n .tabs{display:flex;gap:8px;margin-top:18px}\n .tab{\n font-family:var(--display);\n letter-spacing:.13em;\n font-size:17px;\n padding:11px 22px;\n border-radius:10px 10px 0 0;\n background:var(--paper-2);\n color:#5a6e74;\n cursor:pointer;\n border:1px solid transparent;\n border-bottom:none;\n user-select:none;\n }\n .tab[aria-selected=\"true\"]{\n background:var(--white);\n color:var(--navy-dark);\n box-shadow:0 -2px 0 var(--navy-light) inset;\n }\n .panelbox{\n background:var(--white);\n border-radius:0 12px 12px 12px;\n flex:1;\n min-height:0;\n overflow:auto;\n padding:22px 24px;\n border:1px solid var(--paper-2);\n }\n .formpane{display:none}\n .formpane.active{display:block}\n .hint{\n font-family:var(--display);\n letter-spacing:.12em;\n font-size:14px;\n color:var(--navy-light);\n margin-bottom:14px;\n }\n\n \/* HubSpot form sits in light center, restyle to navy palette *\/\n .hs-form fieldset{max-width:100%!important}\n .hs-form label{font-size:13px!important;color:#33474d!important;font-weight:500!important}\n .hs-input,.hs-form input[type=text],.hs-form input[type=email],.hs-form input[type=tel],.hs-form select,.hs-form textarea{\n border:1px solid #cdd8da!important;border-radius:8px!important;padding:10px 12px!important;font-family:var(--body)!important\n }\n .hs-button{\n background:var(--navy)!important;border:none!important;border-radius:999px!important;\n font-family:var(--display)!important;letter-spacing:.12em!important;font-size:16px!important;\n padding:12px 30px!important;color:#fff!important;cursor:pointer!important\n }\n .hs-button:hover{background:var(--navy-light)!important}\n\n \/* ---- Right rail: buildings ---- *\/\n .rail-right{\n background:var(--navy-dark);\n border-left:1px solid var(--line);\n padding:20px;\n gap:14px;\n }\n .rail-right .head{\n display:flex;align-items:baseline;justify-content:space-between;\n }\n .rail-right .head h3{\n font-family:var(--display);letter-spacing:.14em;font-size:22px;color:var(--white)\n }\n .rail-right .head .ct{font-size:12px;color:var(--muted)}\n .blds{\n flex:1;min-height:0;overflow:hidden;\n display:block;\n }\n .blds-track{display:flex;flex-direction:column;gap:10px}\n .bld{\n position:relative;border-radius:11px;overflow:hidden;\n aspect-ratio:16\/10;display:block;border:1px solid var(--line);\n }\n .bld img{\n position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\n transition:transform .5s ease;\n }\n .bld:hover img{transform:scale(1.07)}\n .bld .ov{\n position:absolute;inset:0;\n background:linear-gradient(180deg,rgba(0,43,55,0) 38%,rgba(0,43,55,.86) 100%);\n }\n .bld .meta{position:absolute;left:14px;right:14px;bottom:12px}\n .bld .nm{font-family:var(--display);letter-spacing:.06em;font-size:26px;line-height:1;color:#fff}\n .bld .nm small{font-size:15px;letter-spacing:.08em;color:#bfe0e8}\n .bld .pr{font-size:13px;font-weight:700;color:#bfe0e8;margin-top:4px}\n .bld .soon{\n position:absolute;top:9px;left:9px;\n font-family:var(--display);letter-spacing:.12em;font-size:11px;\n background:var(--navy-light);padding:3px 8px;border-radius:6px;\n }\n\n \/* ===== BOTTOM TICKER ===== *\/\n .ticker{\n background:var(--navy);\n border-top:1px solid var(--line);\n overflow:hidden;white-space:nowrap;\n padding:9px 0;\n }\n .ticker-content{\n display:inline-block;padding-left:100%;\n animation:marquee 26s linear infinite;\n font-size:13px;color:#cfe6ec;letter-spacing:.02em;\n }\n .ticker-content strong{color:#ff8a8a}\n @keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}\n\n \/* scrollbars *\/\n .rules::-webkit-scrollbar,.blds::-webkit-scrollbar,.panelbox::-webkit-scrollbar{width:8px}\n .rules::-webkit-scrollbar-thumb,.blds::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}\n .panelbox::-webkit-scrollbar-thumb{background:#cdd8da;border-radius:4px}\n\n @media (prefers-reduced-motion:reduce){\n .ticker-content{animation:none;padding-left:0}\n .bld img{transition:none}\n }\n\n \/* ===== Responsive: collapse to scrollable stack on small screens ===== *\/\n @media (max-width:1100px){\n body{overflow:auto}\n .shell{height:auto;min-height:100dvh}\n .main{grid-template-columns:1fr;overflow:visible}\n .col{overflow:visible}\n .rules,.blds{overflow:visible}\n .blds{display:block}\n .blds-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}\n .rules-track,.blds-track{transform:none!important}\n .panelbox{overflow:visible}\n }\n @media (max-width:640px){\n .topbar{flex-wrap:wrap;gap:14px}\n .blds-track{grid-template-columns:1fr 1fr}\n .commission .num{font-size:64px}\n .center .lead{white-space:normal}\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"shell\">\n\n \n <header class=\"topbar\">\n <div class=\"brand\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png-1024x471.png\" alt=\"Urbanista\">\n <span class=\"tag\">Portal de Brokers<\/span>\n <\/div>\n <\/header>\n\n \n <main class=\"main\">\n\n \n <section class=\"col rail-left\">\n <div>\n <div class=\"kicker\">Tu comisi\u00f3n<\/div>\n <div class=\"commission\">\n <div class=\"num\">30<span>%<\/span><\/div>\n <div class=\"lbl\">Por cada lead validado con tour agendado y confirmado.<\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"kicker\">Reglas del programa<\/div>\n <div class=\"rules\">\n <div class=\"rules-track\">\n <div class=\"rule\"><span class=\"rn\">01<\/span><p>El lead queda <strong>sujeto a confirmaci\u00f3n<\/strong> por parte de Urbanista.<\/p><\/div>\n <div class=\"rule\"><span class=\"rn\">02<\/span><p><strong class=\"warn\">No est\u00e1 permitido<\/strong> publicar departamentos de Urbanista en portales (Inmuebles24, Mercado Libre, Lamudi, Vivanuncios) ni en plataformas digitales (Google, Meta).<\/p><\/div>\n <div class=\"rule\"><span class=\"rn\">03<\/span><p>El incumplimiento implica la <strong class=\"warn\">cancelaci\u00f3n<\/strong> del convenio y de todo tour agendado.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"col center\" id=\"agendar\">\n <h1 class=\"lead\">Registra tus citas. <em>Cobra tu comisi\u00f3n.<\/em><\/h1>\n <p class=\"sub\">Agenda aqu\u00ed los tours de tus clientes en cualquiera de las nueve comunidades Urbanista en CDMX. Elige el d\u00eda y completa el registro.<\/p>\n\n <div class=\"tabs\" role=\"tablist\">\n <div class=\"tab\" role=\"tab\" aria-selected=\"true\" data-pane=\"weekday\" id=\"t-weekday\">Lunes a Viernes<\/div>\n <div class=\"tab\" role=\"tab\" aria-selected=\"false\" data-pane=\"weekend\" id=\"t-weekend\">S\u00e1bados y Domingos<\/div>\n <\/div>\n\n <div class=\"panelbox\">\n <div class=\"formpane active\" id=\"pane-weekday\" role=\"tabpanel\" aria-labelledby=\"t-weekday\">\n <div class=\"hint\">Tour entre semana \u00b7 10:00 a 18:30<\/div>\n <div id=\"hsform-weekday\"><\/div>\n <\/div>\n <div class=\"formpane\" id=\"pane-weekend\" role=\"tabpanel\" aria-labelledby=\"t-weekend\">\n <div class=\"hint\">S\u00e1bado de 10:00 am a 5:00 pm \u00b7 Domingo de 10:00 am a 3:00 pm<\/div>\n <div id=\"hsform-weekend\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <aside class=\"col rail-right\">\n <div class=\"head\">\n <h3>Comunidades<\/h3>\n <span class=\"ct\">9 edificios \u00b7 CDMX<\/span>\n <\/div>\n <div class=\"blds auto-scroll\" data-speed=\"36\">\n <div class=\"blds-track\">\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/josefa-reforma\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0006_josefa.jpg\" alt=\"Josefa by Urbanista, Reforma\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Josefa <small>by Urbanista<\/small><\/div><div class=\"pr\">Reforma<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/magda-la-roma\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0002_magda.jpg\" alt=\"Magda by Urbanista, Roma\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Magda <small>by Urbanista<\/small><\/div><div class=\"pr\">Roma<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/amalia-napoles\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0005_amelia.jpg\" alt=\"Amalia by Urbanista, N\u00e1poles\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Amalia <small>by Urbanista<\/small><\/div><div class=\"pr\">N\u00e1poles<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/ines-polanco\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0003_ines.jpg\" alt=\"In\u00e9s by Urbanista, Polanco\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">In\u00e9s <small>by Urbanista<\/small><\/div><div class=\"pr\">Polanco<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/matilde-juarez\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0000_matilde-1.jpg\" alt=\"Matilde by Urbanista, Ju\u00e1rez\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Matilde <small>by Urbanista<\/small><\/div><div class=\"pr\">Ju\u00e1rez<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/natalia-doctores\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0007_natalia.jpg\" alt=\"Natalia by Urbanista, Doctores\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Natalia <small>by Urbanista<\/small><\/div><div class=\"pr\">Doctores<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/joaquina-del-valle\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0004_joaquina.jpg\" alt=\"Joaquina by Urbanista, Del Valle\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Joaquina <small>by Urbanista<\/small><\/div><div class=\"pr\">Del Valle<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"https:\/\/urbanista.mx\/leona-condesa\/\" target=\"_blank\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/09\/urban_0001_leona.jpg\" alt=\"Leona by Urbanista, Condesa\">\n <div class=\"ov\"><\/div><div class=\"meta\"><div class=\"nm\">Leona <small>by Urbanista<\/small><\/div><div class=\"pr\">Condesa<\/div><\/div>\n <\/a>\n <a class=\"bld\" href=\"#\" rel=\"noopener\">\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/03\/Renta-en-santa-maria-la-ribera.jpg\" alt=\"Enriqueta by Urbanista, Santa Mar\u00eda la Ribera\">\n <div class=\"ov\"><\/div><div class=\"soon\">Pr\u00f3ximamente<\/div>\n <div class=\"meta\"><div class=\"nm\">Enriqueta <small>by Urbanista<\/small><\/div><div class=\"pr\">Sta. Mar\u00eda la Ribera<\/div><\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/aside>\n\n <\/main>\n\n \n <div class=\"ticker\">\n <div class=\"ticker-content\">\n <strong>No est\u00e1 permitido<\/strong> publicar ni anunciar departamentos de Urbanista en portales inmobiliarios (Inmuebles24, Mercado Libre, Lamudi, Vivanuncios) ni en plataformas digitales (Google, Meta). Publicar en estos medios implica la <strong>cancelaci\u00f3n de la relaci\u00f3n comercial.<\/strong> \u00b7 Urbanista \u00b7 Move In. Move Up. \u00b7 \n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n \/\/ Tabs\n var tabs = document.querySelectorAll('.tab');\n tabs.forEach(function(t){\n t.addEventListener('click', function(){\n tabs.forEach(function(x){x.setAttribute('aria-selected','false')});\n t.setAttribute('aria-selected','true');\n document.querySelectorAll('.formpane').forEach(function(p){p.classList.remove('active')});\n document.getElementById('pane-'+t.dataset.pane).classList.add('active');\n });\n });\n\n \/\/ HubSpot forms \u2014 same portal\/form IDs as the live brokers page\n if (window.hbspt) {\n hbspt.forms.create({ portalId:\"47830887\", formId:\"828b2ac2-b6dd-419f-a362-22c34440d0d5\", region:\"na1\", target:\"#hsform-weekday\" });\n hbspt.forms.create({ portalId:\"47830887\", formId:\"d157be9b-94bc-475f-94dc-c12e01db06f9\", region:\"na1\", target:\"#hsform-weekend\" });\n }\n\n \/\/ Infinite vertical auto-scroll for both side columns\n var reduce = window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n var isStacked = window.matchMedia('(max-width:1100px)').matches;\n\n function initLoop(container){\n var track = container.firstElementChild;\n if(!track) return;\n \/\/ duplicate content so the loop is seamless\n track.innerHTML += track.innerHTML;\n var speed = parseFloat(container.dataset.speed) || 36; \/\/ px per second\n var offset = 0, paused = false, last = null;\n var half = track.scrollHeight \/ 2;\n\n container.addEventListener('mouseenter', function(){ paused = true; });\n container.addEventListener('mouseleave', function(){ paused = false; });\n\n function step(ts){\n if(last === null) last = ts;\n var dt = (ts - last) \/ 1000;\n last = ts;\n if(!paused){\n offset += speed * dt;\n if(offset >= half) offset -= half;\n track.style.transform = 'translateY(' + (-offset) + 'px)';\n }\n requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n }\n\n if(!reduce && !isStacked){\n document.querySelectorAll('.auto-scroll').forEach(initLoop);\n }\n\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brokers \u00b7 Urbanista Portal de Brokers Tu comisi\u00f3n 30% Por cada lead validado con tour agendado y confirmado. Reglas del programa 01 El lead queda sujeto a confirmaci\u00f3n por parte de Urbanista. 02 No est\u00e1 permitido publicar departamentos de Urbanista en portales (Inmuebles24, Mercado Libre, Lamudi, Vivanuncios) ni en plataformas digitales (Google, Meta). 03 El […]<\/p>\n","protected":false},"author":3,"featured_media":14846,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9460","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/9460","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=9460"}],"version-history":[{"count":50,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/9460\/revisions"}],"predecessor-version":[{"id":25037,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/9460\/revisions\/25037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media\/14846"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=9460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}