{"id":2987,"date":"2024-08-01T15:37:15","date_gmt":"2024-08-01T15:37:15","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=2987"},"modified":"2026-05-06T11:31:14","modified_gmt":"2026-05-06T17:31:14","slug":"gracias-por-tu-registro","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/gracias-por-tu-registro\/","title":{"rendered":"Gracias por tu Registro"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \u00a1Gracias por tu registro! - Urbanista<\/title>\r\n \r\n <!-- Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <!-- CSS -->\r\n <link rel=\"stylesheet\" href=\"thank-you.css\">\r\n\r\n <!-- ============================================= -->\r\n <!-- ESTILOS DEL CTA DE WHATSAPP Y COUNTDOWN -->\r\n <!-- ============================================= -->\r\n <style>\r\n \/* ===== CTA WHATSAPP EN EL HERO ===== *\/\r\n .hero-whatsapp-cta {\r\n margin-top: 32px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .hero-whatsapp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 20px 48px;\r\n background: #25d366;\r\n color: #ffffff;\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(1.1rem, 3vw, 1.4rem);\r\n font-weight: 800;\r\n text-decoration: none;\r\n border-radius: 60px;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 6px 25px rgba(37, 211, 102, 0.45),\r\n 0 0 0 0 rgba(37, 211, 102, 0.4);\r\n animation: heroPulse 2.5s ease-in-out infinite;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .hero-whatsapp-btn i {\r\n font-size: 1.4em;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-whatsapp-btn:hover {\r\n transform: translateY(-4px) scale(1.04);\r\n background: #22c35e;\r\n box-shadow: 0 12px 35px rgba(37, 211, 102, 0.55),\r\n 0 0 0 6px rgba(37, 211, 102, 0.15);\r\n }\r\n\r\n .hero-whatsapp-btn:hover i {\r\n transform: scale(1.2) rotate(-8deg);\r\n }\r\n\r\n @keyframes heroPulse {\r\n 0%, 100% { box-shadow: 0 6px 25px rgba(37,211,102,0.45), 0 0 0 0 rgba(37,211,102,0.4); }\r\n 50% { box-shadow: 0 6px 25px rgba(37,211,102,0.45), 0 0 0 14px rgba(37,211,102,0); }\r\n }\r\n\r\n .hero-whatsapp-countdown {\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(0.85rem, 2vw, 0.95rem);\r\n color: rgba(255,255,255,0.75);\r\n font-weight: 500;\r\n }\r\n\r\n .hero-whatsapp-countdown span {\r\n display: inline-block;\r\n background: rgba(37, 211, 102, 0.3);\r\n border-radius: 6px;\r\n padding: 2px 10px;\r\n font-weight: 800;\r\n font-size: 1.2em;\r\n min-width: 28px;\r\n text-align: center;\r\n border: 1px solid rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n \/* ===== CTA WHATSAPP SECCI\u00d3N GRANDE ===== *\/\r\n .whatsapp-cta-section {\r\n position: relative;\r\n padding: 60px 20px;\r\n background: linear-gradient(135deg, #075e54 0%, #128c7e 40%, #25d366 100%);\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n\r\n .whatsapp-cta-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 70% 80%, rgba(255,255,255,0.05) 0%, transparent 40%);\r\n pointer-events: none;\r\n }\r\n\r\n .whatsapp-cta-section .bubble {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.06);\r\n animation: floatBubble 6s ease-in-out infinite;\r\n }\r\n .whatsapp-cta-section .bubble:nth-child(1) { width: 80px; height: 80px; top: 10%; left: 5%; animation-delay: 0s; }\r\n .whatsapp-cta-section .bubble:nth-child(2) { width: 120px; height: 120px; top: 60%; right: 8%; animation-delay: 1.5s; }\r\n .whatsapp-cta-section .bubble:nth-child(3) { width: 50px; height: 50px; bottom: 15%; left: 20%; animation-delay: 3s; }\r\n .whatsapp-cta-section .bubble:nth-child(4) { width: 90px; height: 90px; top: 20%; right: 25%; animation-delay: 0.8s; }\r\n\r\n @keyframes floatBubble {\r\n 0%, 100% { transform: translateY(0) scale(1); opacity: 0.6; }\r\n 50% { transform: translateY(-20px) scale(1.1); opacity: 1; }\r\n }\r\n\r\n .whatsapp-cta-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .whatsapp-cta-icon {\r\n font-size: 64px;\r\n color: #fff;\r\n margin-bottom: 16px;\r\n animation: pulseIcon 2s ease-in-out infinite;\r\n filter: drop-shadow(0 4px 20px rgba(0,0,0,0.2));\r\n }\r\n\r\n @keyframes pulseIcon {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.1); }\r\n }\r\n\r\n .whatsapp-cta-title {\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n font-weight: 900;\r\n color: #ffffff;\r\n margin: 0 0 12px;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n line-height: 1.2;\r\n }\r\n\r\n .whatsapp-cta-subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n color: rgba(255,255,255,0.9);\r\n margin: 0 0 10px;\r\n font-weight: 400;\r\n }\r\n\r\n .whatsapp-countdown {\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(0.9rem, 2vw, 1.05rem);\r\n color: rgba(255,255,255,0.85);\r\n margin: 0 0 30px;\r\n font-weight: 500;\r\n }\r\n\r\n .whatsapp-countdown span {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n border-radius: 8px;\r\n padding: 4px 12px;\r\n font-weight: 800;\r\n font-size: 1.3em;\r\n min-width: 36px;\r\n text-align: center;\r\n backdrop-filter: blur(4px);\r\n border: 1px solid rgba(255,255,255,0.15);\r\n }\r\n\r\n .whatsapp-cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 16px;\r\n padding: 22px 52px;\r\n background: #ffffff;\r\n color: #075e54;\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(1.15rem, 3vw, 1.5rem);\r\n font-weight: 800;\r\n text-decoration: none;\r\n border-radius: 60px;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25),\r\n 0 0 0 0 rgba(255, 255, 255, 0.4);\r\n animation: megaPulse 2.5s ease-in-out infinite;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .whatsapp-cta-btn i {\r\n font-size: 1.4em;\r\n color: #25d366;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .whatsapp-cta-btn:hover {\r\n transform: translateY(-4px) scale(1.04);\r\n box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35),\r\n 0 0 0 6px rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .whatsapp-cta-btn:hover i {\r\n transform: scale(1.2) rotate(-8deg);\r\n }\r\n\r\n @keyframes megaPulse {\r\n 0%, 100% { box-shadow: 0 8px 30px rgba(0,0,0,0.25), 0 0 0 0 rgba(255,255,255,0.4); }\r\n 50% { box-shadow: 0 8px 30px rgba(0,0,0,0.25), 0 0 0 14px rgba(255,255,255,0); }\r\n }\r\n\r\n .whatsapp-cta-note {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.85rem;\r\n color: rgba(255,255,255,0.65);\r\n margin-top: 18px;\r\n }\r\n\r\n \/* ===== BOT\u00d3N FLOTANTE FIJO ===== *\/\r\n .whatsapp-float {\r\n position: fixed;\r\n bottom: 28px;\r\n right: 28px;\r\n z-index: 9999;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 16px 28px;\r\n background: #25d366;\r\n color: #fff;\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n box-shadow: 0 6px 24px rgba(37, 211, 102, 0.45), 0 2px 8px rgba(0,0,0,0.15);\r\n transition: all 0.3s ease;\r\n animation: floatBounce 3s ease-in-out infinite;\r\n }\r\n\r\n .whatsapp-float:hover {\r\n transform: scale(1.08);\r\n box-shadow: 0 8px 32px rgba(37, 211, 102, 0.6);\r\n }\r\n\r\n .whatsapp-float i {\r\n font-size: 1.4em;\r\n }\r\n\r\n @keyframes floatBounce {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-6px); }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .whatsapp-cta-section { padding: 40px 16px; }\r\n .whatsapp-cta-btn { padding: 18px 36px; gap: 12px; }\r\n .hero-whatsapp-btn { padding: 16px 32px; gap: 10px; }\r\n .whatsapp-float { padding: 14px 22px; font-size: 0.9rem; bottom: 20px; right: 16px; }\r\n }\r\n\r\n \/* =============================================== *\/\r\n \/* TARJETA DE DATOS DEL LEAD *\/\r\n \/* Aparece solo si el lead lleg\u00f3 desde una landing *\/\r\n \/* con el script de captura activo *\/\r\n \/* =============================================== *\/\r\n .lead-data-card {\r\n margin: 28px auto 8px;\r\n max-width: 720px;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 18px;\r\n padding: 22px 26px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);\r\n animation: leadCardFadeIn 0.6s ease-out;\r\n }\r\n\r\n @keyframes leadCardFadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .lead-data-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-bottom: 18px;\r\n padding-bottom: 14px;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n color: #25d366;\r\n text-transform: uppercase;\r\n }\r\n\r\n .lead-data-header i { font-size: 1.05rem; }\r\n\r\n .lead-data-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 14px;\r\n }\r\n\r\n .lead-data-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 12px 14px;\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n transition: all 0.3s ease;\r\n text-align: left;\r\n }\r\n\r\n .lead-data-item:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-color: rgba(37, 211, 102, 0.4);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .lead-data-icon {\r\n flex-shrink: 0;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n background: linear-gradient(135deg, rgba(37, 211, 102, 0.3), rgba(37, 211, 102, 0.12));\r\n border: 1px solid rgba(37, 211, 102, 0.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #25d366;\r\n font-size: 1rem;\r\n }\r\n\r\n .lead-data-content {\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n flex: 1;\r\n }\r\n\r\n .lead-data-label {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.6);\r\n margin-bottom: 2px;\r\n }\r\n\r\n .lead-data-value {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n color: #ffffff;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n .lead-data-origen-tag {\r\n display: inline-block;\r\n margin-top: 14px;\r\n padding: 6px 14px;\r\n background: rgba(37, 211, 102, 0.18);\r\n border: 1px solid rgba(37, 211, 102, 0.35);\r\n border-radius: 100px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #25d366;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .lead-data-card { padding: 16px 16px; margin: 20px auto 8px; }\r\n .lead-data-grid { grid-template-columns: 1fr; gap: 10px; }\r\n .lead-data-value { font-size: 0.88rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Scroll Progress -->\r\n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"thank-you-hero\">\r\n <div class=\"hero-bg-container\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Torre_latinamericana_CDMX.png\" \r\n alt=\"CDMX Background\" \r\n class=\"hero-bg-image\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-content\">\r\n <div class=\"success-animation\">\r\n <div class=\"checkmark-circle\">\r\n <svg class=\"checkmark\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkmark-circle-path\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/>\r\n <path class=\"checkmark-check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-text\">\r\n <div class=\"hero-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/mkt.urbanista.mx\/hs-fs\/hubfs\/URBANISTA-LOGO-VECTOR-03hor-3.jpg\" \r\n alt=\"Urbanista Logo\" \r\n width=\"300\" \r\n height=\"75\">\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\" id=\"thankYouTitle\">\u00a1Gracias por tu registro!<\/h1>\r\n \r\n <p class=\"hero-description\" id=\"thankYouDescription\">\r\n Enseguida un agente de <strong>Urbanista<\/strong> se contactar\u00e1 contigo para ayudarte a encontrar tu depa perfecto.\r\n <\/p>\r\n\r\n <!-- =============================================== -->\r\n <!-- TARJETA DE DATOS DEL LEAD -->\r\n <!-- Se rellena din\u00e1micamente con nombre, email -->\r\n <!-- y tel\u00e9fono cuando el lead viene desde una -->\r\n <!-- landing con el script de captura activo. -->\r\n <!-- Si no hay datos, queda oculta autom\u00e1ticamente. -->\r\n <!-- =============================================== -->\r\n <div class=\"lead-data-card\" id=\"leadDataCard\" style=\"display:none;\">\r\n <div class=\"lead-data-header\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span id=\"leadDataHeaderText\">Datos recibidos correctamente<\/span>\r\n <\/div>\r\n <div class=\"lead-data-grid\">\r\n <div class=\"lead-data-item\" id=\"leadItemName\" style=\"display:none;\">\r\n <div class=\"lead-data-icon\"><i class=\"fas fa-user\"><\/i><\/div>\r\n <div class=\"lead-data-content\">\r\n <span class=\"lead-data-label\">Nombre<\/span>\r\n <span class=\"lead-data-value\" id=\"leadValueName\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lead-data-item\" id=\"leadItemEmail\" style=\"display:none;\">\r\n <div class=\"lead-data-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"lead-data-content\">\r\n <span class=\"lead-data-label\">Correo<\/span>\r\n <span class=\"lead-data-value\" id=\"leadValueEmail\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lead-data-item\" id=\"leadItemPhone\" style=\"display:none;\">\r\n <div class=\"lead-data-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <div class=\"lead-data-content\">\r\n <span class=\"lead-data-label\">WhatsApp<\/span>\r\n <span class=\"lead-data-value\" id=\"leadValuePhone\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"leadOrigenContainer\" style=\"text-align:center; display:none;\">\r\n <span class=\"lead-data-origen-tag\" id=\"leadValueOrigen\">\u2014<\/span>\r\n <\/div>\r\n <\/div>\r\n <!-- FIN TARJETA DE DATOS DEL LEAD -->\r\n\r\n <!-- ============================================= -->\r\n <!-- CTA WHATSAPP DENTRO DEL HERO -->\r\n <!-- ============================================= -->\r\n <div class=\"hero-whatsapp-cta\">\r\n <a id=\"heroWhatsappBtn\" href=\"https:\/\/wa.me\/5215594886680?text=Hola%20me%20he%20registrado%20en%20urbanista%2C%20me%20puedes%20proporcionar%20informaci%C3%B3n%20sobre%20sus%20departamentos...\" class=\"hero-whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Escr\u00edbenos por WhatsApp\r\n <\/a>\r\n <p class=\"hero-whatsapp-countdown\">\r\n Redirigiendo en <span id=\"heroCountdown\">3<\/span> segundos...\r\n <\/p>\r\n <\/div>\r\n <!-- FIN CTA WHATSAPP HERO -->\r\n\r\n <div class=\"next-steps\">\r\n <h2 class=\"steps-title\">\u00bfQu\u00e9 sigue ahora?<\/h2>\r\n <div class=\"steps-container\">\r\n <div class=\"step-card\" data-step=\"1\">\r\n <div class=\"step-icon-wrapper\">\r\n <div class=\"step-number\">1<\/div>\r\n <div class=\"step-icon\">\r\n <i class=\"fas fa-envelope-open-text\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-content\">\r\n <h4>Confirmaci\u00f3n<\/h4>\r\n <p>Revisa tu correo y WhatsApp, te enviaremos un mensaje de confirmaci\u00f3n<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step-connector\"><\/div>\r\n\r\n <div class=\"step-card\" data-step=\"2\">\r\n <div class=\"step-icon-wrapper\">\r\n <div class=\"step-number\">2<\/div>\r\n <div class=\"step-icon\">\r\n <i class=\"fas fa-calendar-check\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-content\">\r\n <h4>Tour Personalizado<\/h4>\r\n <p>Agendaremos tu visita para que conozcas tu futuro hogar<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"step-connector\"><\/div>\r\n\r\n <div class=\"step-card\" data-step=\"3\">\r\n <div class=\"step-icon-wrapper\">\r\n <div class=\"step-number\">3<\/div>\r\n <div class=\"step-icon\">\r\n <i class=\"fas fa-key\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-content\">\r\n <h4>\u00a1M\u00fadate!<\/h4>\r\n <p>Proceso r\u00e1pido de aprobaci\u00f3n y entrega de llaves<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================= -->\r\n <!-- SECCI\u00d3N CTA GIGANTE DE WHATSAPP -->\r\n <!-- ============================================= -->\r\n <section class=\"whatsapp-cta-section\">\r\n <div class=\"bubble\"><\/div>\r\n <div class=\"bubble\"><\/div>\r\n <div class=\"bubble\"><\/div>\r\n <div class=\"bubble\"><\/div>\r\n\r\n <div class=\"whatsapp-cta-inner\">\r\n <div class=\"whatsapp-cta-icon\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n\r\n <h2 class=\"whatsapp-cta-title\">\u00a1Escr\u00edbenos por WhatsApp ahora!<\/h2>\r\n <p class=\"whatsapp-cta-subtitle\">Recibe atenci\u00f3n inmediata de un asesor especializado<\/p>\r\n\r\n <p class=\"whatsapp-countdown\">\r\n Ser\u00e1s redirigido autom\u00e1ticamente en <span id=\"sectionCountdown\">3<\/span> segundos...\r\n <\/p>\r\n\r\n <a id=\"whatsappCTA\" href=\"https:\/\/wa.me\/5215594886680?text=Hola%20me%20he%20registrado%20en%20urbanista%2C%20me%20puedes%20proporcionar%20informaci%C3%B3n%20sobre%20sus%20departamentos...\" class=\"whatsapp-cta-btn\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Iniciar Chat en WhatsApp\r\n <\/a>\r\n\r\n <p class=\"whatsapp-cta-note\">\r\n <i class=\"fas fa-lock\"><\/i> Chat directo y seguro \u00b7 Respuesta en minutos\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n <!-- FIN SECCI\u00d3N CTA WHATSAPP -->\r\n\r\n <!-- Benefits Section -->\r\n <section class=\"benefits-section\">\r\n <div class=\"section-container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">Por qu\u00e9 Urbanista<\/div>\r\n <h2 class=\"section-title\">Vivir en Urbanista es diferente<\/h2>\r\n <p class=\"section-subtitle\">Descubre las ventajas de formar parte de nuestra comunidad<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n <h3>Sin Aval<\/h3>\r\n <p>Proceso de renta simplificado sin necesidad de aval. Aprobaci\u00f3n en menos de 24 horas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3>Seguridad 24\/7<\/h3>\r\n <p>Vigilancia las 24 horas, acceso controlado y sistemas de seguridad de \u00faltima generaci\u00f3n.<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\r\n <i class=\"fas fa-tools\"><\/i>\r\n <\/div>\r\n <h3>Mantenimiento Incluido<\/h3>\r\n <p>Agua, luz, gas, internet y mantenimiento incluidos en tu renta mensual.<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\r\n <i class=\"fas fa-paw\"><\/i>\r\n <\/div>\r\n <h3>Pet Lovers<\/h3>\r\n <p>M\u00e1s que pet friendly, somos pet lovers con \u00e1reas especiales para tus mascotas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\r\n <i class=\"fas fa-dumbbell\"><\/i>\r\n <\/div>\r\n <h3>Amenidades Premium<\/h3>\r\n <p>Gimnasio, coworking, terrazas, sala de cine y m\u00e1s para disfrutar cada d\u00eda.<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <h3>Ubicaciones Prime<\/h3>\r\n <p>En las mejores colonias de CDMX: Roma, Condesa, Ju\u00e1rez, N\u00e1poles y m\u00e1s.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Social Proof Section -->\r\n <section class=\"testimonials-section\">\r\n <div class=\"section-container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">Testimonios<\/div>\r\n <h2 class=\"section-title\">Lo que dicen nuestros residentes<\/h2>\r\n <p class=\"section-subtitle\">Miles de personas ya viven la experiencia Urbanista<\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"El proceso fue incre\u00edblemente r\u00e1pido y sencillo. Sin aval y en 2 d\u00edas ya ten\u00eda mis llaves. Las amenidades son espectaculares.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">MG<\/div>\r\n <div class=\"author-info\">\r\n <h4>Mar\u00eda Gonz\u00e1lez<\/h4>\r\n <p>Residente en Matilde<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"Vivir en Urbanista cambi\u00f3 mi calidad de vida. El gimnasio, coworking y terraza son perfectos. La ubicaci\u00f3n es inmejorable.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">CM<\/div>\r\n <div class=\"author-info\">\r\n <h4>Carlos M\u00e9ndez<\/h4>\r\n <p>Residente en Leona<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\"La mejor decisi\u00f3n que tom\u00e9. Todo incluido en la renta, sin sorpresas. El equipo de Urbanista siempre est\u00e1 disponible.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AR<\/div>\r\n <div class=\"author-info\">\r\n <h4>Ana Rodr\u00edguez<\/h4>\r\n <p>Residente en Joaquina<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"footer\">\r\n <div class=\"footer-content\">\r\n <img decoding=\"async\" src=\"https:\/\/mkt.urbanista.mx\/hs-fs\/hubfs\/URBANISTA-LOGO-VECTOR-03hor-3.jpg\" \r\n alt=\"Urbanista Logo\" \r\n class=\"footer-logo\"\r\n width=\"180\"\r\n height=\"60\">\r\n \r\n <p class=\"footer-text\">\r\n <strong>MOVE IN. MOVE UP.<\/strong><br>\r\n Vive la experiencia premium que mereces en las mejores ubicaciones de CDMX\r\n <\/p>\r\n\r\n <div class=\"footer-social\">\r\n <a href=\"#\" target=\"_blank\" aria-label=\"Facebook\">\r\n <i class=\"fab fa-facebook\"><\/i>\r\n <\/a>\r\n <a href=\"#\" target=\"_blank\" aria-label=\"Instagram\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"#\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n <i class=\"fab fa-linkedin\"><\/i>\r\n <\/a>\r\n <a href=\"#\" target=\"_blank\" aria-label=\"YouTube\">\r\n <i class=\"fab fa-youtube\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <p class=\"footer-copy\">\r\n \u00a9 2026 Urbanista. Todos los derechos reservados.\r\n <\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- ============================================= -->\r\n <!-- BOT\u00d3N FLOTANTE FIJO DE WHATSAPP -->\r\n <!-- (Visible en todo momento al hacer scroll) -->\r\n <!-- ============================================= -->\r\n <a href=\"https:\/\/wa.me\/5215594886680?text=Hola%20me%20he%20registrado%20en%20urbanista%2C%20me%20puedes%20proporcionar%20informaci%C3%B3n%20sobre%20sus%20departamentos...\" class=\"whatsapp-float\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n WhatsApp\r\n <\/a>\r\n <!-- FIN BOT\u00d3N FLOTANTE WHATSAPP -->\r\n\r\n <!-- JavaScript original -->\r\n <script src=\"thank-you.js\"><\/script>\r\n\r\n <!-- ============================================================ -->\r\n <!-- SCRIPT: PERSONALIZACI\u00d3N CON DATOS DEL LEAD -->\r\n <!-- Lee los datos guardados por la landing (sessionStorage o -->\r\n <!-- localStorage) y rellena la tarjeta, el t\u00edtulo y el mensaje -->\r\n <!-- de WhatsApp. Si no hay datos, deja la p\u00e1gina tal cual. -->\r\n <!-- IMPORTANTE: este script DEBE ejecutarse ANTES del countdown -->\r\n <!-- para que el redirect use la URL personalizada. -->\r\n <!-- ============================================================ -->\r\n <script>\r\n (function() {\r\n 'use strict';\r\n \r\n var lead = null;\r\n \r\n \/\/ 1) Intentar leer de sessionStorage primero\r\n try {\r\n var s = sessionStorage.getItem('urbanista_lead');\r\n if (s) lead = JSON.parse(s);\r\n } catch(e) {}\r\n \r\n \/\/ 2) Fallback: localStorage\r\n if (!lead) {\r\n try {\r\n var l = localStorage.getItem('urbanista_lead');\r\n if (l) lead = JSON.parse(l);\r\n } catch(e) {}\r\n }\r\n \r\n \/\/ Sin datos: dejar la p\u00e1gina intacta\r\n if (!lead) return;\r\n \r\n \/\/ Validar que los datos no est\u00e9n caducados (m\u00e1s de 1 hora)\r\n if (lead.timestamp && (Date.now() - lead.timestamp > 3600000)) {\r\n try { sessionStorage.removeItem('urbanista_lead'); } catch(e) {}\r\n try { localStorage.removeItem('urbanista_lead'); } catch(e) {}\r\n return;\r\n }\r\n \r\n var firstname = (lead.firstname || '').trim();\r\n var lastname = (lead.lastname || '').trim();\r\n var email = (lead.email || '').trim();\r\n var phone = (lead.phone || '').trim();\r\n var origen = (lead.origen || '').trim();\r\n var fullName = (firstname + ' ' + lastname).trim();\r\n \r\n \/\/ ---- Personalizar t\u00edtulo con el nombre ----\r\n if (firstname) {\r\n var titleEl = document.getElementById('thankYouTitle');\r\n if (titleEl) titleEl.textContent = '\u00a1Gracias, ' + firstname + '!';\r\n }\r\n \r\n \/\/ ---- Mostrar tarjeta de datos ----\r\n var card = document.getElementById('leadDataCard');\r\n var anyDataShown = false;\r\n \r\n if (card) {\r\n if (fullName) {\r\n document.getElementById('leadValueName').textContent = fullName;\r\n document.getElementById('leadItemName').style.display = 'flex';\r\n anyDataShown = true;\r\n }\r\n if (email) {\r\n document.getElementById('leadValueEmail').textContent = email;\r\n document.getElementById('leadItemEmail').style.display = 'flex';\r\n anyDataShown = true;\r\n }\r\n if (phone) {\r\n document.getElementById('leadValuePhone').textContent = phone;\r\n document.getElementById('leadItemPhone').style.display = 'flex';\r\n anyDataShown = true;\r\n }\r\n \r\n \/\/ Mostrar el tag de origen (edificio) si existe\r\n if (origen) {\r\n document.getElementById('leadValueOrigen').textContent = 'Inter\u00e9s en: ' + origen;\r\n document.getElementById('leadOrigenContainer').style.display = 'block';\r\n }\r\n \r\n if (anyDataShown) card.style.display = 'block';\r\n }\r\n \r\n \/\/ ---- Construir mensaje personalizado de WhatsApp ----\r\n var waMsg = 'Hola';\r\n if (firstname) waMsg += ', soy ' + firstname;\r\n waMsg += ', acabo de registrarme en Urbanista';\r\n if (origen) waMsg += ' interesado en ' + origen;\r\n if (email) waMsg += ' con el correo ' + email;\r\n waMsg += '. \u00bfMe pueden proporcionar informaci\u00f3n sobre los departamentos disponibles?';\r\n \r\n var waUrl = 'https:\/\/wa.me\/5215594886680?text=' + encodeURIComponent(waMsg);\r\n \r\n \/\/ ---- Reemplazar TODOS los links de WhatsApp en la p\u00e1gina ----\r\n document.querySelectorAll('a[href*=\"wa.me\"]').forEach(function(link) {\r\n link.href = waUrl;\r\n });\r\n \r\n \/\/ ---- Exponer la URL para que el countdown la use ----\r\n window.URBANISTA_WHATSAPP_URL = waUrl;\r\n \r\n \/\/ ---- Limpiar storage (no persistir entre sesiones) ----\r\n try { sessionStorage.removeItem('urbanista_lead'); } catch(e) {}\r\n try { localStorage.removeItem('urbanista_lead'); } catch(e) {}\r\n })();\r\n <\/script>\r\n <!-- FIN SCRIPT PERSONALIZACI\u00d3N CON DATOS DEL LEAD -->\r\n\r\n <!-- ============================================================ -->\r\n <!-- SCRIPT: REDIRECCI\u00d3N AUTOM\u00c1TICA A WHATSAPP EN 3 SEGUNDOS -->\r\n <!-- Usa window.location.href para redirigir EN LA MISMA VENTANA -->\r\n <!-- y as\u00ed evitar que los bloqueadores de anuncios lo detengan. -->\r\n <!-- N\u00famero destino: 52 1 55 9488 6680 -->\r\n <!-- Si window.URBANISTA_WHATSAPP_URL existe (lead personalizado), -->\r\n <!-- usa esa URL en lugar del mensaje gen\u00e9rico. -->\r\n <!-- \r\n <script>\r\n (function() {\r\n \/\/ ---- CONFIGURACI\u00d3N DE REDIRECCI\u00d3N WHATSAPP ----\r\n var WHATSAPP_NUMBER = '5215594886680';\r\n var WHATSAPP_MESSAGE = 'Hola me he registrado en urbanista, me puedes proporcionar informaci\u00f3n sobre sus departamentos...';\r\n var REDIRECT_SECONDS = 4;\r\n\r\n \/\/ Construir URL: prioridad a la URL personalizada del lead\r\n var whatsappURL = window.URBANISTA_WHATSAPP_URL ||\r\n ('https:\/\/wa.me\/' + WHATSAPP_NUMBER + '?text=' + encodeURIComponent(WHATSAPP_MESSAGE));\r\n\r\n \/\/ Elementos de countdown (hero + secci\u00f3n)\r\n var heroCountdownEl = document.getElementById('heroCountdown');\r\n var sectionCountdownEl = document.getElementById('sectionCountdown');\r\n var secondsLeft = REDIRECT_SECONDS;\r\n\r\n \/\/ ---- CUENTA REGRESIVA VISIBLE ----\r\n var countdownInterval = setInterval(function() {\r\n secondsLeft--;\r\n\r\n \/\/ Actualizar ambos contadores\r\n if (heroCountdownEl) heroCountdownEl.textContent = secondsLeft;\r\n if (sectionCountdownEl) sectionCountdownEl.textContent = secondsLeft;\r\n\r\n \/\/ Cuando llega a 0, redirigir EN LA MISMA VENTANA\r\n if (secondsLeft <= 0) {\r\n clearInterval(countdownInterval);\r\n\r\n \/\/ ---- REDIRECCI\u00d3N EN LA MISMA VENTANA (evita bloqueadores) ----\r\n window.location.href = whatsappURL;\r\n }\r\n }, 1000);\r\n \/\/ ---- FIN SCRIPT REDIRECCI\u00d3N WHATSAPP ----\r\n })();\r\n <\/script>\r\n ============================================================ -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a4d168 elementor-widget elementor-widget-html\" data-id=\"5a4d168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script> \n\/\/ Scroll Progress Bar\nfunction updateScrollProgress() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById('scrollProgress').style.width = scrolled + '%';\n}\n\nwindow.addEventListener('scroll', updateScrollProgress);\n\n\/\/ Smooth Scroll for Anchor Links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n});\n\n\/\/ Animate elements on scroll\nconst observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n};\n\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n}, observerOptions);\n\n\/\/ Observe all cards and sections\ndocument.addEventListener('DOMContentLoaded', () => {\n const animatedElements = document.querySelectorAll('.benefit-card, .testimonial-card');\n \n animatedElements.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n\n \/\/ Animate steps on hover\n const stepCards = document.querySelectorAll('.step-card');\n stepCards.forEach(card => {\n card.addEventListener('mouseenter', () => {\n card.style.transform = 'translateX(10px) scale(1.02)';\n });\n \n card.addEventListener('mouseleave', () => {\n card.style.transform = 'translateX(0) scale(1)';\n });\n });\n});\n\n\/\/ Console welcome message\nconsole.log('%c\u00a1Bienvenido a Urbanista! \ud83c\udfe0', 'font-size: 20px; font-weight: bold; color: #FDFE00; background: #000; padding: 10px;');\nconsole.log('%cGracias por tu inter\u00e9s en nuestras propiedades.', 'font-size: 14px; color: #333;');\n\n\/\/ Track page view (if using analytics)\nif (typeof gtag !== 'undefined') {\n gtag('event', 'page_view', {\n page_title: 'Thank You Page',\n page_location: window.location.href,\n page_path: window.location.pathname\n });\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9eb7fd e-flex e-con-boxed e-con e-parent\" data-id=\"c9eb7fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae101bc elementor-widget elementor-widget-html\" data-id=\"ae101bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Event snippet for Nuevo Cliente Potencial conversion page -->\n<script>\n gtag('event', 'conversion', {'send_to': 'AW-10969322265\/glIuCIzhmd4ZEJmmyu4o'});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ffa361 elementor-widget elementor-widget-html\" data-id=\"0ffa361\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google tag (gtag.js) -->\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-5Q1N1P5KTY\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-5Q1N1P5KTY');\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a1Gracias por tu registro! – Urbanista \u00a1Gracias por tu registro! Enseguida un agente de Urbanista se contactar\u00e1 contigo para ayudarte a encontrar tu depa perfecto. Datos recibidos correctamente Nombre \u2014 Correo \u2014 WhatsApp \u2014 \u2014 Escr\u00edbenos por WhatsApp Redirigiendo en 3 segundos… \u00bfQu\u00e9 sigue ahora? 1 Confirmaci\u00f3n Revisa tu correo y WhatsApp, te enviaremos un […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2987","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/2987","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=2987"}],"version-history":[{"count":24,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/2987\/revisions"}],"predecessor-version":[{"id":24446,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/2987\/revisions\/24446"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=2987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}