{"id":16040,"date":"2025-10-20T13:58:16","date_gmt":"2025-10-20T19:58:16","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=16040"},"modified":"2026-04-06T10:23:29","modified_gmt":"2026-04-06T16:23:29","slug":"renta_romacdmx","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/renta_romacdmx\/","title":{"rendered":"Renta en la Roma &#8211; CDMX"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16040\" class=\"elementor elementor-16040\" 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<!--Landing Magda-->\r\n\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:\/\/urbanista.mx\/wp-content\/uploads\/2025\/12\/657770b4-3bee-43fb-afcc-f7cdfaa052ff.jpg\" \r\n           alt=\"Magda 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 La Roma Studios desde: <b>$23,530.00<\/b><\/h1>\r\n          <h1 class=\"hero-subtitle\">2 Rec\u00e1maras desde: <b>$40,530.00<\/b><\/h1>\r\n          <p class=\"servicioyman\">con servicios, mantenimiento  y <u>m\u00e1s de 20 amenidades<\/u> incluidas<\/p>\r\n            <p class=\"disponibilidad1\"> \u00daltimos depas disponibles<\/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>la Roma.<\/b>  Con <b>Magda 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\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\u00a1\u00daltimos 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:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/square-magda-renta.jpg\" \r\n                   alt=\"Magda 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\r\n<\/h2>\r\n                <p>\r\n                    En <b>Magda by Urbanista,<\/b> tu departamento es funcional. Y el resto de tu d\u00eda la pasas... en las amenidades. <br><br>\r\n \r\nTrabajas en el coworking, entrenas en el gimnasio y terminas la tarde en el rooftop disfrutando de la vista, de tu cine al aire libre o de tus asadores premium. Ah\u00ed, donde las conversaciones empiezan y tus vecinos se vuelven amigos. <br><br>\r\n \r\nAqu\u00ed, la renta es simple: un departamento bien resuelto, sin aval, sin complicaciones y con amenidades que acompa\u00f1an un estilo de vida activo y creativo.<br><br>\r\n \r\nNo es para quien busca silencio absoluto.\r\n<br>\r\nEs para quien quiere vivir donde siempre pasa algo.\r\n                <\/p>\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 MAGDA 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 MAGDA?<\/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:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/0eba9048-ff87-49cb-95ac-11aea3489f75.jpg\" \r\n                     alt=\"Magda 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>Ubicaci\u00f3n premium en la Roma Sur al lado de La Condesa<\/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>M\u00e1s que Pet Friendly somos Pet Lovers<\/span>\r\n                    <\/div>\r\n                    <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Incluye mantenimiento, agua, luz, gas, internet y servicio 24\/7 Urbanista<\/span>\r\n                    <\/div>\r\n                    <div class=\"about-feature\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Refrigerador, microondas, 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\/kLRM162iFU0?si=gh1xXRXn1SqGPxxr;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 MAGDA 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:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/magda-cine-en-casa.jpg\" \r\n                     alt=\"Cine en casa\" \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\/2025\/10\/magda-terraza.jpg\" \r\n                     alt=\"Terraza\" \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\/2025\/10\/magda-grill.jpg\" \r\n                     alt=\"\u00c1rea de grill\" \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\/2025\/10\/magda-gimnasio.jpg\" \r\n                     alt=\"Gimnasio\"  \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\/2025\/10\/futbolito-magda.jpg\" \r\n                     alt=\"Futbolito\" \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\/2025\/10\/cocina-magda.jpg\" \r\n                     alt=\"Cocina\" \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 MAGDA 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\/Magda\/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 MAGDA 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:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/magda-hero.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:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/1-6.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 $23,530.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\/2025\/10\/1-recamara-en-renta.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 $34,030.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\/magda-2-recamaras-renta.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 $40,530.00<\/div>\r\n                    <div class=\"apartment-badge premium\">NO DISPONIBLE<\/div>\r\n                <\/div>\r\n                <div class=\"apartment-content\">\r\n                    <h3 class=\"apartment-title\">Departamento 2 Rec\u00e1maras<\/h3>\r\n                    <div class=\"apartment-features\">\r\n                        <div class=\"apartment-feature\">\r\n                            <i class=\"fas fa-bed\"><\/i>\r\n                            <span>2 Rec\u00e1maras<\/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\">M\u00e1s que Pet Friendly somos Pet Lovers. Zona especial para consentir a tus mascotas<\/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 Roma Sur<\/h3>\r\n            <p class=\"section-subtitle\">Roma Sur al lado de La Condesa, Benito Ju\u00e1rez, 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\/MAGDA-MAPA.jpg\" \r\n                 alt=\"Mapa de ubicaci\u00f3n MAGDA\" \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\/8RDxK3UdSGCHKYYd7\" 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<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               1 mes de renta gratis si firmas esta semana\r\n\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            MAGDA by Urbanista - Roma Sur, Benito Ju\u00e1rez, 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: 'db695a6c-5869-49b0-8dd1-e1241d07ff59',\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>\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: \"cb00a08f-d501-4a58-9e6d-c1cbc197a3bf\",\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 La Roma Studios desde: $23,530.00 2 Rec\u00e1maras desde: $40,530.00 con servicios, mantenimiento y m\u00e1s de 20 amenidades incluidas \u00daltimos depas disponibles AGENDAR TOUR \u00a15 personas han agendado tour en la \u00faltima hora! Tu oasis urbano en la Roma. Con Magda 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-16040","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/16040","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=16040"}],"version-history":[{"count":9,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/16040\/revisions"}],"predecessor-version":[{"id":23018,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/16040\/revisions\/23018"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=16040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}