{"id":15958,"date":"2025-10-20T14:18:01","date_gmt":"2025-10-20T20:18:01","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=15958"},"modified":"2026-04-06T10:18:07","modified_gmt":"2026-04-06T16:18:07","slug":"rentacdmx_reforma","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/rentacdmx_reforma\/","title":{"rendered":"Renta en Reforma CDMX &#8211; JOSEFA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15958\" class=\"elementor elementor-15958\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f055f8 e-con-full e-flex e-con e-parent\" data-id=\"1f055f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4582ccd elementor-widget elementor-widget-html\" data-id=\"4582ccd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--JOSEFA LANDING-->\r\n<head>\r\n    \r\n    <!-- Google tag (gtag.js) -->\r\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-5Q1N1P5KTY\"><\/script>\r\n<script>\r\n  window.dataLayer = window.dataLayer || [];\r\n  function gtag(){dataLayer.push(arguments);}\r\n  gtag('js', new Date());\r\n\r\n  gtag('config', 'G-5Q1N1P5KTY');\r\n<\/script>\r\n\r\n<\/head>\r\n\r\n<!-- Scroll Progress -->\r\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n\r\n\r\n\r\n\r\n<!-- Hero Section -->\r\n<section class=\"hero\">\r\n    <!-- Imagen de fondo optimizada para evitar parpadeo -->\r\n    <div class=\"hero-bg-container\">\r\n        <img src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC01113-Pano%20HDR.jpg?width=800&height=600&name=DSC01113-Pano%20HDR.jpg\" \r\n           alt=\"Josefa Building\" \r\n           class=\"hero-bg\"\r\n           fetchpriority=\"high\"\r\n           decoding=\"async\">\r\n    <\/div>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    \r\n    <div class=\"hero-content\">\r\n        <div class=\"hero-text\">\r\n            <!-- Logo arriba del t\u00edtulo -->\r\n            <div class=\"hero-logo\">\r\n                <img fetchpriority=\"high\" src=\"https:\/\/mkt.urbanista.mx\/hs-fs\/hubfs\/URBANISTA-LOGO-VECTOR-03hor-3.jpg\" \r\n                     alt=\"Urbanista Logo\" \r\n                     fetchpriority=\"high\"\r\n                     decoding=\"async\"\r\n                     width=\"300\" \r\n                     height=\"75\">\r\n              \r\n              \r\n            <\/div>\r\n          \r\n          \r\n            \r\n            <h3 class=\"hero-title\">DONDE TU D\u00cdA FLUYE MEJOR, DESDE QUE DESPIERTAS<\/h3>\r\n            <h1 class=\"hero-subtitle\">Renta en Reforma desde: <b>$28,930.00<\/b><\/h1> <p class=\"servicioyman\">con servicios, mantenimiento  y <u>m\u00e1s de 25 amenidades<\/u> incluidas<\/p>\r\n            <p class=\"disponibilidad1\"> \u00daltimos studios y depas de 1 rec\u00e1mara<\/p>\r\n            \r\n            <!-- Boton -->\r\n            <div class=\"hero-price-section\">\r\n             \r\n                <a href=\"#hubspot-form-footer\" class=\"hero-badge\" style=\"text-decoration: none; color: black;\">\r\n    <i class=\"fas fa-home\"><\/i>\r\n    AGENDAR TOUR\r\n<\/a>\r\n            <\/div>\r\n             <div class=\"hero-notificacion\">\r\n    <span><i>\u00a1<span id=\"tour-notification-number\">5<\/span> personas han agendado tour en la \u00faltima hora!<\/i><\/span>\r\n<\/div>\r\n            <p class=\"hero-description\">\r\n              Tu oasis urbano en <b>Paseo de la Reforma.<\/b> Con <b>Josefa by Urbanista<\/b> vive una vida sin complicaciones: departamentos con aire acondicionado, aislamiento ac\u00fastico y arreglos sin excusas. La renta es simple y sin aval. M\u00e1s all\u00e1 de cuatro paredes, te esperan amenidades que convierten el edificio en una extensi\u00f3n de tu vida. Tu vida en CDMX, simplificada.\r\n            <\/p>\r\n\r\n            <div class=\"hero-features\">\r\n                <div class=\"hero-feature\">\r\n                    <i class=\"fas fa-handshake\"><\/i>\r\n                    <span>RENTA SIN AVAL<\/span>\r\n                <\/div>\r\n                <div class=\"hero-feature\">\r\n                    <i class=\"fas fa-calendar-check\"><\/i>\r\n                    <span><u>Renta m\u00ednima por 12 meses<\/u><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            \r\n        <\/div>\r\n\r\n        <div class=\"hero-form-container\" id=\"FORM\">\r\n            <!-- Badge de \u00faltimos departamentos ARRIBA del formulario -->\r\n            <div class=\"form-top-badge\">\r\n                <i class=\"fas fa-star\"><\/i>\r\n                \u00daLTIMOS 3 DEPARTAMENTOS DISPONIBLES\r\n            <\/div>\r\n            \r\n            <div class=\"hero-form\">\r\n                <!-- Badge interno del formulario cambiado -->\r\n                <div class=\"form-internal-badge\">\r\n                    AGENDA UN TOUR\r\n                <\/div>\r\n                \r\n                <div class=\"form-placeholder\">\r\n                  <!-- FORMULARIO HUBSPOT -->\r\n                  <div id=\"hubspot-form-hero\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Josefa Introduction Section -->\r\n<section class=\"josefa-intro-section\">\r\n    <div class=\"section-container\">\r\n        <div class=\"josefa-intro-content\">\r\n            <div class=\"josefa-intro-image\">\r\n                <img loading=\"lazy\" src=\"https:\/\/mkt.urbanista.mx\/hs-fs\/hubfs\/josefa-renta-cdmx-01-1.jpg?width=600&height=400&name=josefa-renta-cdmx-01-1.jpg\" \r\n                   alt=\"Josefa by Urbanista - Departamentos en Renta CDMX\" \r\n                   class=\"lazy-img\"\r\n                   loading=\"lazy\"\r\n                   decoding=\"async\"\r\n                   width=\"600\"\r\n                   height=\"400\">\r\n            <\/div>\r\n            \r\n            <div class=\"josefa-intro-text\">\r\n                <h2>Todo lo que usas a diario, a unos pasos de TU DEPA<\/h2>\r\n                <p><b>En Josefa by Urbanista<\/b> sabemos que no todo pasa dentro de tu departamento: afuera te espera mucho m\u00e1s.<\/p>\r\n <p>\r\n\u00c1rea coworking para tus d\u00edas productivos, cine privado para tus pel\u00edculas favoritas, cocinas lounge para tus cenas m\u00e1s importantes, gimnasio a pasos de tu cama y terrazas pensadas para compartir con tus amigos. Aqu\u00ed, tu renta es por un edificio que funciona como extensi\u00f3n de tu vida.\r\n <\/p>\r\n<p><b>No es para quien busca metros vac\u00edos.<\/b>\r\n Es para quien entiende el valor de vivir en Paseo de la Reforma en un departamento bien resuelto, sin aval, sin complicaciones y con amenidades que te har\u00e1n el mejor anfitri\u00f3n.\r\n\r\n<\/p>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n      \r\n        <!-- Social Proof Section -->\r\n        <div class=\"social-proof-section\">\r\n            <h4>Lo que dicen nuestros residentes:<\/h4>\r\n            <div class=\"testimonials-mini\">\r\n                <div class=\"testimonial-item\">\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"El proceso fue s\u00faper f\u00e1cil y r\u00e1pido. En 2 d\u00edas ya ten\u00eda las llaves\"<\/p>\r\n                    <span>- Mar\u00eda Gonz\u00e1lez<\/span>\r\n                <\/div>\r\n                <div class=\"testimonial-item\">\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"Sin aval real, excelente ubicaci\u00f3n y amenidades incre\u00edbles\"<\/p>\r\n                    <span>- Carlos M\u00e9ndez<\/span>\r\n                <\/div>\r\n                <div class=\"testimonial-item\">\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"La mejor decisi\u00f3n que tom\u00e9. Recomiendo JOSEFA 100%\"<\/p>\r\n                    <span>- Ana Rodr\u00edguez<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Features Section -->\r\n<section class=\"features-section\">\r\n    <div class=\"section-container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">\u00bfPor qu\u00e9 elegir JOSEFA?<\/div>\r\n            <h2 class=\"section-title\">RENTA DEPARTAMENTO SIN PERDER EL TIEMPO<\/h2>\r\n            <p class=\"section-subtitle\">Proceso simple, r\u00e1pido y sin complicaciones para que puedas mudarte lo antes posible.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"features-grid\">\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\r\n                    <i class=\"fas fa-handshake\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"feature-title\">NO NECESITAS AVAL<\/h3>\r\n                <p class=\"feature-description\">El proceso de renta de departamentos se aprueba en menos de 24 horas. Sin complicaciones, sin garant\u00edas adicionales.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\r\n                    <i class=\"fas fa-couch\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"feature-title\">ELIGE DEPA AMUEBLADO<\/h3>\r\n                <p class=\"feature-description\">Puedes elegir entre departamentos amueblados con un costo extra o sin amueblar, seg\u00fan tus necesidades y presupuesto.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\r\n                    <i class=\"fas fa-clock\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"feature-title\">MUDATE EN POCO TIEMPO<\/h3>\r\n                <p class=\"feature-description\">Nuestros contratos son flexibles a partir de 12 meses. Proceso r\u00e1pido para que te mudes cuando lo necesites.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- About Section -->\r\n<section class=\"about-section\">\r\n    <div class=\"section-container\">\r\n        <div class=\"about-content\">\r\n            <div class=\"about-image\">\r\n                <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC00896.jpg\" \r\n                     alt=\"Josefa Interior\" \r\n                     class=\"lazy-img\"\r\n                     loading=\"lazy\"\r\n                     decoding=\"async\"\r\n                     width=\"500\"\r\n                     height=\"300\">\r\n            <\/div>\r\n\r\n            <div class=\"about-text\">\r\n                <h2>RENTA DEPARTAMENTO EN CDMX<\/h2>\r\n              \r\n                <div class=\"about-features\">\r\n                    <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Renta f\u00e1cil y sin aval, con aprobaci\u00f3n en 24 horas<\/span>\r\n                    <\/div>\r\n                    <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Tu depa incluye Aire acondicionado, ventanas con reducci\u00f3n de sonido, sistema anti incendios y atenci\u00f3n 24\/7<\/span>\r\n                    <\/div>\r\n                  <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Ubicaciones premium en las mejores zonas de CDMX<\/span>\r\n                    <\/div>\r\n                    <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Departamentos modernos con terrazas y vistas \u00fanicas<\/span>\r\n                    <\/div>\r\n                    <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Pet-friendly, con pol\u00edticas claras y \u00e1reas para mascotas<\/span>\r\n                    <\/div>\r\n                    <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Servicios incluidos: agua, luz, gas, internet y mantenimiento (costo extra)<\/span>\r\n                    <\/div>\r\n                    <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Cocina integral y centro de lavado incluido.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Video Section -->\r\n<section class=\"video-section\" id=\"video\">\r\n    <div class=\"section-container\">\r\n        <div class=\"section-header\">\r\n            <iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/mkr5MREs7Q0?si=CbTt9DMmgOb1_vWR&amp;controls=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Gallery Section -->\r\n<section class=\"gallery-section\" id=\"gallery\">\r\n    <div class=\"section-container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">Galer\u00eda de Espacios<\/div>\r\n            <h3 class=\"section-title\">Conoce ahora tu nuevo departamento<\/h3>\r\n            <p class=\"section-subtitle\">Descubre cada rinc\u00f3n de JOSEFA y enam\u00f3rate de tu pr\u00f3ximo hogar<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-grid\">\r\n            <div class=\"gallery-item\">\r\n                <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC01113-Pano%20HDR.jpg\" \r\n                     alt=\"Vista panor\u00e1mica\" \r\n                     class=\"lazy-img\"\r\n                     loading=\"lazy\"\r\n                     decoding=\"async\"\r\n                     width=\"400\"\r\n                     height=\"300\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC00896.jpg\" \r\n                     alt=\"Sala principal\" \r\n                     class=\"lazy-img\"\r\n                     loading=\"lazy\"\r\n                     decoding=\"async\"\r\n                     width=\"400\"\r\n                     height=\"300\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/41-4.jpg\" \r\n                     alt=\"Cocina moderna\" \r\n                     class=\"lazy-img\"\r\n                     loading=\"lazy\"\r\n                     decoding=\"async\"\r\n                     width=\"400\"\r\n                     height=\"300\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/83.jpg\" \r\n                     alt=\"Rec\u00e1mara principal\"  \r\n                     class=\"lazy-img\"\r\n                     loading=\"lazy\"\r\n                     decoding=\"async\"\r\n                     width=\"400\"\r\n                     height=\"300\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC00907-v.jpg\" \r\n                     alt=\"Ba\u00f1o moderno\" \r\n                     class=\"lazy-img\"\r\n                     loading=\"lazy\"\r\n                     decoding=\"async\"\r\n                     width=\"400\"\r\n                     height=\"300\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC01113-Pano%20HDR.jpg\" \r\n                     alt=\"Vista exterior\" \r\n                     class=\"lazy-img\"\r\n                     loading=\"lazy\"\r\n                     decoding=\"async\"\r\n                     width=\"400\"\r\n                     height=\"300\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Virtual Tour Section -->\r\n<section class=\"virtual-tour-section\" id=\"tour-virtual\">\r\n    <div class=\"section-container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">Tour Virtual 360\u00b0<\/div>\r\n            <h2 class=\"section-title\">Recorre JOSEFA desde casa<\/h2>\r\n            <p class=\"section-subtitle\">Explora cada rinc\u00f3n de nuestras amenidades con nuestro tour virtual interactivo<\/p>\r\n        <\/div>\r\n\r\n<script>\r\n  \/\/ Virtual Tour Functions\r\nlet tourLoaded = false;\r\nlet isFullscreen = false;\r\n\r\nfunction loadVirtualTour() {\r\n    const tourPreview = document.getElementById('tourPreview');\r\n    const tourIframeContainer = document.getElementById('tourIframeContainer');\r\n    const tourFrame = document.getElementById('virtualTourFrame');\r\n    const tourLoading = document.getElementById('tourLoading');\r\n    \r\n    if (!tourPreview || !tourIframeContainer || !tourFrame) return;\r\n    \r\n    \/\/ Hide preview and show iframe container\r\n    tourPreview.style.display = 'none';\r\n    tourIframeContainer.classList.add('active');\r\n    tourLoading.classList.remove('hidden');\r\n    \r\n    \/\/ Load the tour iframe\r\n    if (!tourLoaded) {\r\n        tourFrame.src = 'https:\/\/urbanista.mx\/tours\/Josefa\/Amenidades\/';\r\n        tourLoaded = true;\r\n        \r\n        \/\/ Hide loading when iframe loads\r\n        tourFrame.onload = function() {\r\n            setTimeout(() => {\r\n                tourLoading.classList.add('hidden');\r\n            }, 1000);\r\n        };\r\n        \r\n        \/\/ Fallback to hide loading after timeout\r\n        setTimeout(() => {\r\n            tourLoading.classList.add('hidden');\r\n        }, 5000);\r\n    } else {\r\n        tourLoading.classList.add('hidden');\r\n    }\r\n    \r\n    \/\/ Scroll to tour section\r\n    const tourSection = document.querySelector('.virtual-tour-section');\r\n    if (tourSection) {\r\n        tourSection.scrollIntoView({ \r\n            behavior: 'smooth',\r\n            block: 'center'\r\n        });\r\n    }\r\n}\r\n\r\nfunction closeVirtualTour() {\r\n    const tourPreview = document.getElementById('tourPreview');\r\n    const tourIframeContainer = document.getElementById('tourIframeContainer');\r\n    \r\n    if (!tourPreview || !tourIframeContainer) return;\r\n    \r\n    \/\/ Exit fullscreen if active\r\n    if (isFullscreen) {\r\n        exitFullscreen();\r\n    }\r\n    \r\n    \/\/ Show preview and hide iframe container\r\n    tourPreview.style.display = 'flex';\r\n    tourIframeContainer.classList.remove('active');\r\n}\r\n\r\nfunction toggleFullscreen() {\r\n    const tourIframeContainer = document.getElementById('tourIframeContainer');\r\n    const fullscreenBtn = document.querySelector('.tour-control-btn:nth-child(2) i');\r\n    \r\n    if (!tourIframeContainer || !fullscreenBtn) return;\r\n    \r\n    if (!isFullscreen) {\r\n        enterFullscreen();\r\n    } else {\r\n        exitFullscreen();\r\n    }\r\n}\r\n\r\nfunction enterFullscreen() {\r\n    const tourIframeContainer = document.getElementById('tourIframeContainer');\r\n    const fullscreenBtn = document.querySelector('.tour-control-btn:nth-child(2) i');\r\n    \r\n    if (tourIframeContainer) {\r\n        tourIframeContainer.classList.add('fullscreen');\r\n        document.body.style.overflow = 'hidden';\r\n        isFullscreen = true;\r\n        \r\n        if (fullscreenBtn) {\r\n            fullscreenBtn.className = 'fas fa-compress';\r\n        }\r\n    }\r\n}\r\n\r\nfunction exitFullscreen() {\r\n    const tourIframeContainer = document.getElementById('tourIframeContainer');\r\n    const fullscreenBtn = document.querySelector('.tour-control-btn:nth-child(2) i');\r\n    \r\n    if (tourIframeContainer) {\r\n        tourIframeContainer.classList.remove('fullscreen');\r\n        document.body.style.overflow = '';\r\n        isFullscreen = false;\r\n        \r\n        if (fullscreenBtn) {\r\n            fullscreenBtn.className = 'fas fa-expand';\r\n        }\r\n    }\r\n}\r\n\r\n\/\/ Handle escape key to exit fullscreen\r\ndocument.addEventListener('keydown', (e) => {\r\n    if (e.key === 'Escape' && isFullscreen) {\r\n        exitFullscreen();\r\n    }\r\n});\r\n\r\n\/\/ Actualizar las funciones existentes para incluir el tour\r\nfunction initSmoothScroll() {\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n            const target = document.querySelector(this.getAttribute('href'));\r\n            if (target) {\r\n                const elementPosition = target.getBoundingClientRect().top + window.pageYOffset;\r\n                const offsetPosition = elementPosition - 100;\r\n                \r\n                window.scrollTo({\r\n                    top: offsetPosition,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n\/\/ Agregar event listener para cerrar tour al hacer click fuera\r\ndocument.addEventListener('click', (e) => {\r\n    const tourIframeContainer = document.getElementById('tourIframeContainer');\r\n    const isInsideTour = e.target.closest('.tour-container') !== null;\r\n    const isControlBtn = e.target.closest('.tour-control-btn') !== null;\r\n    \r\n    if (tourIframeContainer && \r\n        tourIframeContainer.classList.contains('active') && \r\n        !isFullscreen &&\r\n        !isInsideTour && \r\n        !isControlBtn) {\r\n        \/\/ Optional: uncomment if you want to close tour when clicking outside\r\n        \/\/ closeVirtualTour();\r\n    }\r\n});\r\n      <\/script>\r\n        <!-- Tour Container -->\r\n        <div class=\"tour-container\">\r\n            <div class=\"tour-preview\" id=\"tourPreview\">\r\n                <div class=\"tour-preview-content\">\r\n                    <div class=\"tour-icon\">\r\n                        <i class=\"fas fa-cube\"><\/i>\r\n                    <\/div>\r\n                    <h3>Tour Virtual 360\u00b0<\/h3>\r\n                    <p>Recorre las amenidades de JOSEFA con tecnolog\u00eda de realidad virtual<\/p>\r\n                    \r\n                    <button class=\"tour-btn\" onclick=\"loadVirtualTour()\">\r\n                        <i class=\"fas fa-play\"><\/i>\r\n                        Iniciar Tour Virtual\r\n                    <\/button>\r\n                <\/div>\r\n                \r\n                <!-- Overlay con imagen de preview -->\r\n                <div class=\"tour-preview-bg\">\r\n                    <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC01113-Pano%20HDR.jpg\" \r\n                         alt=\"Vista previa tour virtual\" \r\n                         class=\"lazy-img tour-preview-img\"\r\n                         loading=\"lazy\"\r\n                         decoding=\"async\"\r\n                         width=\"800\"\r\n                         height=\"450\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Tour iframe container (initially hidden) -->\r\n            <div class=\"tour-iframe-container\" id=\"tourIframeContainer\">\r\n                <div class=\"tour-controls\">\r\n                    <button class=\"tour-control-btn\" onclick=\"closeVirtualTour()\" title=\"Cerrar tour\">\r\n                        <i class=\"fas fa-times\"><\/i>\r\n                    <\/button>\r\n                    <button class=\"tour-control-btn\" onclick=\"toggleFullscreen()\" title=\"Pantalla completa\">\r\n                        <i class=\"fas fa-expand\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"tour-loading\" id=\"tourLoading\">\r\n                    <div class=\"loading-spinner\"><\/div>\r\n                    <p>Cargando tour virtual...<\/p>\r\n                <\/div>\r\n                <iframe \r\n                    id=\"virtualTourFrame\" \r\n                    src=\"\" \r\n                    frameborder=\"0\" \r\n                    allowfullscreen\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\">\r\n                <\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tour Benefits -->\r\n        <div class=\"tour-benefits\">\r\n            <div class=\"tour-benefit\">\r\n                <div class=\"benefit-icon\">\r\n                    <i class=\"fas fa-clock\"><\/i>\r\n                <\/div>\r\n                <h4>24\/7 Disponible<\/h4>\r\n                <p>Visita cuando quieras, a cualquier hora del d\u00eda<\/p>\r\n            <\/div>\r\n            <div class=\"tour-benefit\">\r\n                <div class=\"benefit-icon\">\r\n                    <i class=\"fas fa-home\"><\/i>\r\n                <\/div>\r\n                <h4>Desde casa<\/h4>\r\n                <p>No necesitas transportarte, explora desde la comodidad de tu hogar<\/p>\r\n            <\/div>\r\n            <div class=\"tour-benefit\">\r\n                <div class=\"benefit-icon\">\r\n                    <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n                <h4>Vista realista<\/h4>\r\n                <p>Tecnolog\u00eda 360\u00b0 para una experiencia inmersiva y real<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Apartments Section -->\r\n<section class=\"apartments-section\" id=\"apartments\">\r\n    <div class=\"section-container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">Nuestros Departamentos<\/div>\r\n            <h2 class=\"section-title\">Espacios dise\u00f1ados para ti<\/h2>\r\n            <p class=\"section-subtitle\">\r\n                Desde estudios funcionales hasta departamentos de 2 rec\u00e1maras con terraza\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"apartments-grid\">\r\n            <div class=\"apartment-card\">\r\n                <div class=\"apartment-image\">\r\n                    <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC00896.jpg\" \r\n                         alt=\"Estudio\" \r\n                         class=\"lazy-img\"\r\n                         loading=\"lazy\"\r\n                         decoding=\"async\"\r\n                         width=\"400\"\r\n                         height=\"250\">\r\n                    <div class=\"apartment-price\">Desde $28,930.00<\/div>\r\n                    <div class=\"apartment-badge\">DISPONIBLE<\/div>\r\n                <\/div>\r\n                <div class=\"apartment-content\">\r\n                    <h3 class=\"apartment-title\">Departamento Tipo Estudio<\/h3>\r\n                    <div class=\"apartment-features\">\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-bed\"><\/i>\r\n                            <span>Estudio<\/span>\r\n                        <\/div>\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-bath\"><\/i>\r\n                            <span>1 Ba\u00f1o<\/span>\r\n                        <\/div>\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-expand-arrows-alt\"><\/i>\r\n                            <span>35-45 m\u00b2<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"apartment-description\">Perfecto para profesionales j\u00f3venes. Dise\u00f1o inteligente que maximiza cada metro cuadrado con cocina equipada y \u00e1rea de estar funcional.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"apartment-card featured\">\r\n                <div class=\"apartment-image\">\r\n                    <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/41-4.jpg\" \r\n                         alt=\"1 Rec\u00e1mara\" \r\n                         class=\"lazy-img\"\r\n                         loading=\"lazy\"\r\n                         decoding=\"async\"\r\n                         width=\"400\"\r\n                         height=\"250\">\r\n                    <div class=\"apartment-price\">Desde $38,130.00<\/div>\r\n                    <div class=\"apartment-badge popular\">M\u00c1S POPULAR<\/div>\r\n                <\/div>\r\n                <div class=\"apartment-content\">\r\n                    <h3 class=\"apartment-title\">Departamento 1 Rec\u00e1mara<\/h3>\r\n                    <div class=\"apartment-features\">\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-bed\"><\/i>\r\n                            <span>1 Rec\u00e1mara<\/span>\r\n                        <\/div>\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-bath\"><\/i>\r\n                            <span>1 Ba\u00f1o<\/span>\r\n                        <\/div>\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-expand-arrows-alt\"><\/i>\r\n                            <span>55-65 m\u00b2<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"apartment-description\">Espacios amplios con sala independiente y cocina equipada. Ideal para parejas o profesionales que valoran el confort.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"apartment-card\">\r\n                <div class=\"apartment-image\">\r\n                    <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Pent-house-Reforma.jpg\" \r\n                         alt=\"2 Rec\u00e1maras\" \r\n                         class=\"lazy-img\"\r\n                         loading=\"lazy\"\r\n                         decoding=\"async\"\r\n                         width=\"400\"\r\n                         height=\"250\">\r\n                    <div class=\"apartment-price\">Desde: $42,230.00<\/div>\r\n                    <div class=\"apartment-badge premium\">PREMIUM<\/div>\r\n                <\/div>\r\n                <div class=\"apartment-content\">\r\n                    <h3 class=\"apartment-title\">Espectacular PH<\/h3>\r\n                    <div class=\"apartment-features\">\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-bed\"><\/i>\r\n                            <span>1 Rec\u00e1mara<\/span>\r\n                        <\/div>\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-bath\"><\/i>\r\n                            <span>2 Ba\u00f1os<\/span>\r\n                        <\/div>\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-expand-arrows-alt\"><\/i>\r\n                            <span>75-85 m\u00b2<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"apartment-description\">La opci\u00f3n perfecta para familias o profesionales que necesitan espacio extra para oficina. Incluye terraza con vista panor\u00e1mica.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Amenities Section -->\r\n<section class=\"amenities-section\">\r\n    <div class=\"section-container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">Amenidades Exclusivas<\/div>\r\n            <h2 class=\"section-title\">Amenidades de otro nivel<\/h2>\r\n            <p class=\"section-subtitle\">M\u00e1s de 25 amenidades dise\u00f1adas para elevar tu estilo de vida<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"amenities-grid\">\r\n            <div class=\"amenity-card featured\">\r\n                <div class=\"amenity-icon\">\r\n                    <i class=\"fas fa-building\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"amenity-title\">Terraza<\/h3>\r\n                <p class=\"amenity-description\">Disfruta de una terraza con asadores y vista incre\u00edble<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amenity-card featured\">\r\n                <div class=\"amenity-icon\">\r\n                    <i class=\"fas fa-film\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"amenity-title\">Cine privado<\/h3>\r\n                <p class=\"amenity-description\">Para que disfrutes las mejores funciones con tus amigos<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amenity-card featured\">\r\n                <div class=\"amenity-icon\">\r\n                    <i class=\"fas fa-utensils\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"amenity-title\">Cocinas Lounge<\/h3>\r\n                <p class=\"amenity-description\">Organiza incre\u00edbles cenas para tus reuniones en nuestras cocinas<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amenity-card featured\">\r\n                <div class=\"amenity-icon\">\r\n                    <i class=\"fas fa-dumbbell\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"amenity-title\">Gimnasio<\/h3>\r\n                <p class=\"amenity-description\">Tus entrenamientos sin salir de casa. Contamos con gimnasio equipado en el edificio<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amenity-card featured\">\r\n                <div class=\"amenity-icon\">\r\n                    <i class=\"fas fa-paw\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"amenity-title\">Zona pet<\/h3>\r\n                <p class=\"amenity-description\">Para consentir a tus mascotas contamos con una zona especial<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amenity-card premium\">\r\n                <div class=\"amenity-icon-special\">\r\n                    <i class=\"fas fa-plus\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"amenity-title\">M\u00e1s amenidades<\/h3>\r\n                <p class=\"amenity-description\">Disfruta de m\u00e1s de 20 amenidades en un solo lugar<\/p>\r\n                <div class=\"amenity-count\">+20<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Map Section -->\r\n<section class=\"map-section\">\r\n    <div class=\"section-container\">\r\n        <div class=\"section-header\">\r\n            <div class=\"section-badge\">\u00bfUbicaci\u00f3n?<\/div>\r\n            <h3 class=\"section-title\">En el coraz\u00f3n de la Ciudad<\/h3>\r\n            <p class=\"section-subtitle\">Av. P.\u00ba de la Reforma 390, Ju\u00e1rez, Cuauht\u00e9moc, 06600 Ciudad de M\u00e9xico, CDMX<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"map-container\">\r\n            <img loading=\"lazy\" src=\"https:\/\/mkt.urbanista.mx\/hubfs\/JOSEFA-MAPA.jpg\" \r\n                 alt=\"Mapa de ubicaci\u00f3n JOSEFA\" \r\n                 class=\"lazy-img\"\r\n                 loading=\"lazy\"\r\n                 decoding=\"async\"\r\n                 width=\"800\"\r\n                 height=\"600\">\r\n            <div class=\"map-overlay\">\r\n                <a href=\"https:\/\/maps.app.goo.gl\/QAFsHyh49zc4ke6b6\" target=\"_blank\" class=\"map-btn\" rel=\"noopener\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                    Ver en Google Maps\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\nwindow.toggleFaq = function(button) {\r\n    const answer = button.nextElementSibling;\r\n    const icon = button.querySelector('i');\r\n    answer.classList.toggle('active');\r\n    if (answer.classList.contains('active')) {\r\n        icon.className = 'fas fa-minus';\r\n    } else {\r\n        icon.className = 'fas fa-plus';\r\n    }\r\n}\r\n<\/script>\r\n<!-- Final CTA + Form Section -->\r\n<section class=\"final-cta-section\">\r\n    <div class=\"section-container\">\r\n        <!-- Header Content -->\r\n        <div class=\"final-cta-header\">\r\n            <div class=\"final-cta-badge\">\r\n                <i class=\"fas fa-star\"><\/i>\r\n                \u00daLTIMOS 3 DEPARTAMENTOS DISPONIBLES\r\n            <\/div>\r\n            \r\n            <h1 class=\"final-cta-title\">\r\n                \u00bfListo para mudarte?<br>\r\n                <span class=\"highlight-text\">\u00a1No pierdas tu lugar!<\/span>\r\n            <\/h1>\r\n        <\/div>\r\n\r\n        <!-- Form Section -->\r\n        <div class=\"final-form-section\">\r\n            <div class=\"final-form-container\">\r\n                <div class=\"form-header\">\r\n                    <h3>RESERVA TU VISITA AHORA<\/h3>\r\n                <\/div>\r\n                \r\n                <div class=\"custom-form-placeholder\">\r\n                    <div id=\"hubspot-form-footer\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"form-footer\">\r\n                    <div class=\"security-note\">\r\n                        <i class=\"fas fa-lock\"><\/i>\r\n                        <span>Tus datos est\u00e1n 100% protegidos. No compartimos tu informaci\u00f3n.<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"alternative-contact\">\r\n                        <p>\u00bfPrefieres hablar directo?<\/p>\r\n                        <button class=\"btn-hero btn-whatsapp\" id=\"whatsappBtnFinal\">\r\n  <i class=\"fab fa-whatsapp\"><\/i>\r\n  Whatsapp Directo\r\n<\/button>\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 loading=\"lazy\" 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             loading=\"lazy\"\r\n             decoding=\"async\"\r\n             width=\"180\"\r\n             height=\"60\">\r\n        <br>\r\n        <a href=\"https:\/\/www.google.com\/partners\/agency?id=1048257194\" target=\"_blank\" rel=\"noopener\">\r\n    <img loading=\"lazy\" src=\"https:\/\/www.gstatic.com\/partners\/badge\/images\/2025\/PartnerBadgeClickable.svg\"   alt=\"Google Partner\" \r\n             class=\"footer-logo\"\r\n             loading=\"lazy\"\r\n             decoding=\"async\"\r\n             width=\"80\"\r\n             height=\"60\"\/>\r\n<\/a>\r\n        <p class=\"footer-text\">\r\n            JOSEFA by Urbanista - Av. P.\u00ba de la Reforma 390, Ju\u00e1rez, Cuauht\u00e9moc, CDMX<br>\r\n            Vive la experiencia premium que mereces. MOVE IN. MOVE UP.\r\n        <\/p>\r\n    <\/div>\r\n<\/footer>\r\n\r\n\r\n<!-- ============================================\r\n     SCRIPT PARA FORMULARIOS HUBSPOT (SIN WHATSAPP)\r\n     ============================================ -->\r\n<script>\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ ========================================\r\n    \/\/ CONFIGURACI\u00d3N\r\n    \/\/ ========================================\r\n    var CONFIG = {\r\n        portalId: '47830887',\r\n        formId: 'b36648ae-9c98-4c20-8375-9e6b61d8325d',\r\n        region: 'na1'\r\n    };\r\n    \r\n    \/\/ ========================================\r\n    \/\/ FUNCI\u00d3N PARA CARGAR SCRIPT DE HUBSPOT\r\n    \/\/ ========================================\r\n    var hubspotLoaded = false;\r\n    var hubspotLoading = false;\r\n    \r\n    function loadHubSpotScript(callback) {\r\n        \/\/ Ya cargado\r\n        if (hubspotLoaded && typeof hbspt !== 'undefined') {\r\n            if (callback) callback();\r\n            return;\r\n        }\r\n        \r\n        \/\/ Ya en proceso de carga\r\n        if (hubspotLoading) {\r\n            var checkInterval = setInterval(function() {\r\n                if (hubspotLoaded && typeof hbspt !== 'undefined') {\r\n                    clearInterval(checkInterval);\r\n                    if (callback) callback();\r\n                }\r\n            }, 100);\r\n            return;\r\n        }\r\n        \r\n        hubspotLoading = true;\r\n        \r\n        var script = document.createElement('script');\r\n        script.type = 'text\/javascript';\r\n        script.charset = 'utf-8';\r\n        script.async = true;\r\n        script.src = 'https:\/\/js.hsforms.net\/forms\/embed\/v2.js';\r\n        \r\n        script.onload = function() {\r\n            hubspotLoaded = true;\r\n            hubspotLoading = false;\r\n            if (callback) callback();\r\n        };\r\n        \r\n        script.onerror = function() {\r\n            hubspotLoading = false;\r\n            console.error('Error al cargar HubSpot Forms');\r\n            \/\/ Reintentar despu\u00e9s de 2 segundos\r\n            setTimeout(function() {\r\n                loadHubSpotScript(callback);\r\n            }, 2000);\r\n        };\r\n        \r\n        \/\/ Insertar script\r\n        var firstScript = document.getElementsByTagName('script')[0];\r\n        if (firstScript && firstScript.parentNode) {\r\n            firstScript.parentNode.insertBefore(script, firstScript);\r\n        } else {\r\n            document.head.appendChild(script);\r\n        }\r\n    }\r\n    \r\n    \/\/ ========================================\r\n    \/\/ FUNCI\u00d3N PARA CREAR FORMULARIOS\r\n    \/\/ ========================================\r\n    var formsCreated = {};\r\n    \r\n    function createHubSpotForm(targetId) {\r\n        if (formsCreated[targetId]) return;\r\n        \r\n        var targetEl = document.getElementById(targetId);\r\n        if (!targetEl) return;\r\n        \r\n        loadHubSpotScript(function() {\r\n            if (typeof hbspt !== 'undefined' && hbspt.forms) {\r\n                try {\r\n                    hbspt.forms.create({\r\n                        portalId: CONFIG.portalId,\r\n                        formId: CONFIG.formId,\r\n                        region: CONFIG.region,\r\n                        target: '#' + targetId,\r\n                        onFormReady: function() {\r\n                            formsCreated[targetId] = true;\r\n                        }\r\n                    });\r\n                } catch (e) {\r\n                    console.error('Error creando formulario:', e);\r\n                }\r\n            }\r\n        });\r\n    }\r\n    \r\n    \/\/ ========================================\r\n    \/\/ INICIALIZACI\u00d3N\r\n    \/\/ ========================================\r\n    function init() {\r\n        \/\/ Cargar formularios de HubSpot\r\n        createHubSpotForm('hubspot-form-hero');\r\n        createHubSpotForm('hubspot-form-footer');\r\n    }\r\n    \r\n    \/\/ Ejecutar cuando DOM est\u00e9 listo\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', init);\r\n    } else {\r\n        init();\r\n    }\r\n    \r\n    \/\/ Verificaci\u00f3n adicional despu\u00e9s de window.load\r\n    window.addEventListener('load', function() {\r\n        setTimeout(function() {\r\n            \/\/ Verificar formularios\r\n            if (!formsCreated['hubspot-form-hero']) {\r\n                createHubSpotForm('hubspot-form-hero');\r\n            }\r\n            if (!formsCreated['hubspot-form-footer']) {\r\n                createHubSpotForm('hubspot-form-footer');\r\n            }\r\n        }, 500);\r\n    });\r\n    \r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ddc24 elementor-widget elementor-widget-html\" data-id=\"c0ddc24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Bot\u00f3n flotante de WhatsApp (oculto inicialmente) -->\r\n<button class=\"whatsapp-button-custom\" onclick=\"toggleHubSpotFormCustom()\" id=\"whatsappBtnCustom\" style=\"opacity: 0; visibility: hidden;\"><\/button> \r\n\r\n<!-- Contenedor del formulario HubSpot (oculto inicialmente) -->\r\n<div class=\"hubspot-form-container-custom\" id=\"hubspotFormContainerCustom\" style=\"display: none;\">\r\n    <p class=\"titulo-custom\">Cont\u00e1ctanos por Whatsapp<\/p>\r\n    <div id=\"hubspotFormWrapper\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Mover elementos fuera del contenedor de Elementor\r\n    (function() {\r\n        var btn = document.getElementById('whatsappBtnCustom');\r\n        var formContainer = document.getElementById('hubspotFormContainerCustom');\r\n        \r\n        if (btn && formContainer) {\r\n            document.body.appendChild(btn);\r\n            document.body.appendChild(formContainer);\r\n            \r\n            \/\/ Mostrar el bot\u00f3n despu\u00e9s de moverlo\r\n            setTimeout(function() {\r\n                btn.style.opacity = '1';\r\n                btn.style.visibility = 'visible';\r\n                formContainer.style.display = 'block';\r\n            }, 100);\r\n        }\r\n        \r\n        \/\/ Cargar formulario HubSpot despu\u00e9s de mover el contenedor\r\n        if (typeof hbspt !== 'undefined') {\r\n            loadHubSpotForm();\r\n        } else {\r\n            var script = document.createElement('script');\r\n            script.src = '\/\/js.hsforms.net\/forms\/embed\/v2.js';\r\n            script.charset = 'utf-8';\r\n            script.onload = function() {\r\n                loadHubSpotForm();\r\n            };\r\n            document.head.appendChild(script);\r\n        }\r\n    })();\r\n    \r\n    function loadHubSpotForm() {\r\n        hbspt.forms.create({\r\n            portalId: \"47830887\",\r\n            formId: \"76d84df7-ee5f-4fb2-a5ce-d0d13392f301\",\r\n            region: \"na1\",\r\n            target: '#hubspotFormWrapper'\r\n        });\r\n    }\r\n    \r\n    \/\/ Funci\u00f3n para deshabilitar opciones rentadas dentro del iframe\r\n    function disableRentedInIframe() {\r\n        var iframe = document.querySelector('#hubspotFormWrapper iframe');\r\n        if (iframe && iframe.contentDocument) {\r\n            var selects = iframe.contentDocument.querySelectorAll('select');\r\n            selects.forEach(function(select) {\r\n                var options = select.querySelectorAll('option');\r\n                options.forEach(function(option) {\r\n                    if (option.textContent.toLowerCase().indexOf('(todo rentado)') !== -1) {\r\n                        option.disabled = true;\r\n                        option.style.color = '#999';\r\n                    }\r\n                });\r\n            });\r\n        }\r\n    }\r\n    \r\n    \/\/ Funci\u00f3n para mostrar\/ocultar el formulario\r\n    function toggleHubSpotFormCustom() {\r\n        var formContainer = document.getElementById(\"hubspotFormContainerCustom\");\r\n        formContainer.classList.toggle(\"visible-custom\");\r\n        \r\n        \/\/ Intentar deshabilitar opciones rentadas\r\n        disableRentedInIframe();\r\n        setTimeout(disableRentedInIframe, 500);\r\n        setTimeout(disableRentedInIframe, 1000);\r\n        setTimeout(disableRentedInIframe, 2000);\r\n    }\r\n<\/script>\r\n\r\n<style>\r\n    \/* Estilos para el bot\u00f3n flotante de WhatsApp *\/\r\n    .whatsapp-button-custom {\r\n        position: fixed !important;\r\n        bottom: 20px !important;\r\n        right: 20px !important;\r\n        background-color: #25d366 !important;\r\n        color: white !important;\r\n        border: none !important;\r\n        border-radius: 50% !important;\r\n        width: 60px !important;\r\n        height: 60px !important;\r\n        font-size: 0 !important;\r\n        cursor: pointer !important;\r\n        z-index: 999999 !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        box-shadow: 0px 4px 8px rgba(0,0,0,0.2) !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        transform: none !important;\r\n        left: auto !important;\r\n        top: auto !important;\r\n        transition: opacity 0.3s ease, visibility 0.3s ease !important;\r\n    }\r\n    \r\n    .whatsapp-button-custom::before {\r\n        content: '' !important;\r\n        display: block !important;\r\n        width: 30px !important;\r\n        height: 30px !important;\r\n        background-image: url(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg\") !important;\r\n        background-size: contain !important;\r\n        background-repeat: no-repeat !important;\r\n        background-position: center !important;\r\n    }\r\n    \r\n    \/* Estilos para el contenedor del formulario *\/\r\n    .hubspot-form-container-custom {\r\n        opacity: 0 !important;\r\n        visibility: hidden !important;\r\n        transition: opacity 0.5s ease, visibility 0.5s ease !important;\r\n        position: fixed !important;\r\n        bottom: 90px !important;\r\n        right: 20px !important;\r\n        background-color: white !important;\r\n        border: 1px solid #ddd !important;\r\n        border-radius: 10px !important;\r\n        padding: 25px !important;\r\n        box-shadow: 0px 4px 8px rgba(0,0,0,0.2) !important;\r\n        z-index: 999998 !important;\r\n        width: 350px !important;\r\n        max-width: calc(100vw - 40px) !important;\r\n        pointer-events: none !important;\r\n        max-height: 80vh !important;\r\n        overflow-y: auto !important;\r\n        margin: 0 !important;\r\n        transform: none !important;\r\n        left: auto !important;\r\n        top: auto !important;\r\n    }\r\n    \r\n    .hubspot-form-container-custom.visible-custom {\r\n        opacity: 1 !important;\r\n        visibility: visible !important;\r\n        pointer-events: all !important;\r\n    }\r\n\r\n    \/* Estilos para el t\u00edtulo *\/\r\n    .hubspot-form-container-custom .titulo-custom {\r\n        font-family: 'Bebas Neue', sans-serif !important;\r\n        font-size: 35px !important;\r\n        text-align: center !important;\r\n        margin: 0 0 20px 0 !important;\r\n        line-height: 1.2 !important;\r\n        padding: 0 !important;\r\n    }\r\n    \r\n    .hubspot-form-container-custom .hs-form {\r\n        border: none !important;\r\n    }\r\n\r\n    \/* Responsive para m\u00f3viles *\/\r\n    @media (max-width: 768px) {\r\n        .whatsapp-button-custom {\r\n            width: 50px !important;\r\n            height: 50px !important;\r\n            bottom: 15px !important;\r\n            right: 15px !important;\r\n        }\r\n        \r\n        .hubspot-form-container-custom {\r\n            width: 90vw !important;\r\n            right: 5vw !important;\r\n            bottom: 75px !important;\r\n        }\r\n    }\r\n<\/style>\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>DONDE TU D\u00cdA FLUYE MEJOR, DESDE QUE DESPIERTAS Renta en Reforma desde: $28,930.00 con servicios, mantenimiento y m\u00e1s de 25 amenidades incluidas \u00daltimos studios y depas de 1 rec\u00e1mara AGENDAR TOUR \u00a15 personas han agendado tour en la \u00faltima hora! Tu oasis urbano en Paseo de la Reforma. Con Josefa by Urbanista vive una vida [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15958","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/15958","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=15958"}],"version-history":[{"count":7,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/15958\/revisions"}],"predecessor-version":[{"id":23012,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/15958\/revisions\/23012"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=15958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}