{"id":16084,"date":"2025-10-20T14:38:51","date_gmt":"2025-10-20T20:38:51","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=16084"},"modified":"2025-10-20T22:12:51","modified_gmt":"2025-10-21T04:12:51","slug":"leona-landing-prueba","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/leona-landing-prueba\/","title":{"rendered":"Leona Landing PRUEBA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16084\" class=\"elementor elementor-16084\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f055f8 e-flex e-con-boxed e-con e-parent\" data-id=\"1f055f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-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<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\/10\/9c26757c-b1b9-4ddc-a476-22c242250427.jpg\" \r\n           alt=\"Leona 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            <\/div>\r\n            \r\n            <h1 class=\"hero-title\">Departamentos en renta en La Condesa CDMX<\/h1>\r\n            <h2 class=\"hero-subtitle\">Departamentos tipo estudio y PentHouse.<\/h2>\r\n            \r\n            <!-- Precio y bot\u00f3n en la misma l\u00ednea -->\r\n            <div class=\"hero-price-section\">\r\n                <div class=\"hero-price\">Desde $30,520 + Servicios<\/div>\r\n                <a href=\"#\" class=\"hero-badge\" style=\"text-decoration: none; color: black;\"\r\n   onclick=\"const el = document.querySelector('.hero-form'); if(el){ el.scrollIntoView({ behavior: 'smooth' }); el.style.transition = 'background 0.3s'; el.style.background = '#ffffcc'; setTimeout(() => el.style.background = '', 1000); } return false;\">\r\n  <i class=\"fas fa-home\"><\/i>\r\n  AGENDAR TOUR\r\n<\/a>\r\n\r\n\r\n            <\/div>\r\n             <div class=\"hero-notificacion\">\r\n    <span><i>\"<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              Descubre <b>Leona by Urbanista<\/b> en el coraz\u00f3n de La Condesa, a unos pasos del Parque M\u00e9xico. Vive en departamentos en renta CDMX modernos, con terrazas y vistas \u00fanicas. Estar\u00e1s al alcance de todo. Aqu\u00ed la renta de departamentos es r\u00e1pido, f\u00e1cil y sin aval. Las amenidades est\u00e1n pensadas para algo m\u00e1s: trabajar mejor, compartir con amigos y descansar con vistas memorables.\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>Renta m\u00ednima por 12 meses<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-cta\">\r\n               <button class=\"btn-hero btn-whatsapp\" onclick=\"toggleHubSpotFormCustom()\" id=\"whatsappBtnHero\">\r\n  <i class=\"fab fa-whatsapp\"><\/i>\r\n  Whatsapp\r\n<\/button>\r\n                <a href=\"#video\" class=\"btn-hero btn-secondary\" style=\"text-decoration: none; color: white;\">\r\n    <i class=\"fas fa-play\"><\/i>\r\n    Ver Video\r\n<\/a>\r\n            <\/div>\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                1 mes de renta gratis si firmas esta semana    \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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/leona-square.jpg\" \r\n                   alt=\"Leona 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>Enam\u00f3rate de Leona by Urbanista<\/h2>\r\n                <p>\r\n                    La Condesa es una de las colonias m\u00e1s emblem\u00e1ticas de CDMX: conecta lo cultural, residencial y de entretenimiento en un solo lugar. Vivir aqu\u00ed significa estar a pasos del Parque M\u00e9xico, caf\u00e9s de especialidad, restaurantes ic\u00f3nicos y la mejor vida urbana.\r\n                <\/p>\r\n                <p>\r\n                    Nuestros <strong>departamentos en renta CDMX<\/strong> te colocan en el coraz\u00f3n de la acci\u00f3n: parques, galer\u00edas, boutiques, vida nocturna y cultura, todo al alcance.\r\n                <\/p>\r\n                <p class=\"highlight-text\">\r\n                    Si buscabas <strong>rentar en La Condesa CDMX<\/strong>, Leona es tu mejor opci\u00f3n para vivir conectado con toda la ciudad.\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 LEONA 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 LEONA?<\/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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/9c26757c-b1b9-4ddc-a476-22c242250427.jpg\" \r\n                     alt=\"Leona 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, somos Pet Lovers 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>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\/uJDK_SUTBSc?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 LEONA 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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/leona_11-e1721777061680.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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/leona_4.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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/leona_12.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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/terraza-leona-2.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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/leona-sala.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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/leona-cocina.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 LEONA 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<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\/Leona\/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 LEONA 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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/9c26757c-b1b9-4ddc-a476-22c242250427.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 PentHouse espectaculares\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"apartments-grid\">\r\n            <div class=\"apartment-card featured\">\r\n                <div class=\"apartment-image\">\r\n                    <img loading=\"lazy\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/27-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 $30,520<\/div>\r\n                    <div class=\"apartment-badge popular\">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\">\r\n                <div class=\"apartment-image\">\r\n                    <img loading=\"lazy\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/10-7.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\">SIN DISPONIBILIDAD<\/div>\r\n                    <div class=\"apartment-badge\">AGOTADO<\/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\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/33-6.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\">SIN DISPONIBILIDAD<\/div>\r\n                    <div class=\"apartment-badge\">AGOTADO<\/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\r\n            <div class=\"apartment-card featured\">\r\n                <div class=\"apartment-image\">\r\n                    <img loading=\"lazy\" data-src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/10-7.jpg\" \r\n                         alt=\"PentHouse\" \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 $41,720<\/div>\r\n                    <div class=\"apartment-badge premium\">THE SPECTACULAR<\/div>\r\n                <\/div>\r\n                <div class=\"apartment-content\">\r\n                    <h3 class=\"apartment-title\">The Spectacular (PentHouse 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>65-75 m\u00b2<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"apartment-description\">El PentHouse m\u00e1s espectacular de La Condesa. Vistas panor\u00e1micas, terraza privada y acabados de lujo. Una experiencia \u00fanica de vida urbana.<\/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. Contamos con una zona especial para 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 Condesa<\/h3>\r\n            <p class=\"section-subtitle\">A unos pasos del Parque M\u00e9xico, La Condesa, Cuauht\u00e9moc, Ciudad de M\u00e9xico, CDMX<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"map-container\">\r\n            <img loading=\"lazy\" data-src=\"https:\/\/mkt.urbanista.mx\/hubfs\/LEONA-MAPA.jpg\" \r\n                 alt=\"Mapa de ubicaci\u00f3n LEONA\" \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<!-- FAQ Section -->\r\n<section class=\"faq-section\">\r\n<div class=\"section-container\">\r\n    <div class=\"section-header\">\r\n        <div class=\"section-badge\">Preguntas Frecuentes<\/div>\r\n        <h2 class=\"section-title\">Antes de rentar en Urbanista<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"faq-container\">\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                \u00bfQu\u00e9 requisitos necesito para rentar un departamento con Urbanista?\r\n                <i class=\"fas fa-plus\"><\/i>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>En Urbanista entendemos que los procesos tradicionales de renta pueden ser complicados. Por eso, muchos de nuestros contratos no requieren aval. Solo necesitar\u00e1s presentar identificaci\u00f3n oficial, comprobante de ingresos y realizar el pago inicial correspondiente. Nuestro equipo te guiar\u00e1 durante todo el proceso para hacerlo sencillo y r\u00e1pido.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                \u00bfCu\u00e1les son las zonas donde tienen departamentos disponibles?\r\n                <i class=\"fas fa-plus\"><\/i>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>Contamos con comunidades Urbanista en las mejores zonas de la CDMX como La Condesa, La N\u00e1poles, Nuevo Polanco, La Roma, Reforma, Ju\u00e1rez y Doctores. Cada ubicaci\u00f3n ha sido estrat\u00e9gicamente seleccionada para ofrecerte acceso a transporte, entretenimiento, servicios y la mejor experiencia urbana.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                \u00bfQu\u00e9 amenidades incluyen los departamentos de Urbanista?\r\n                <i class=\"fas fa-plus\"><\/i>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>Nuestros desarrollos cuentan con amenidades modernas y exclusivas como espacios de coworking, \u00e1reas comunes, gimnasio, rooftops, zonas pet-friendly, \u00e1reas de entretenimiento y m\u00e1s. Cada comunidad tiene caracter\u00edsticas \u00fanicas dise\u00f1adas para mejorar tu experiencia de vida y fomentar la convivencia entre residentes.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                \u00bfCu\u00e1l es el precio promedio de renta mensual?\r\n                <i class=\"fas fa-plus\"><\/i>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>Nuestros precios inician desde $30,520 MXN mensuales, dependiendo de la ubicaci\u00f3n, tama\u00f1o y caracter\u00edsticas del departamento. Ofrecemos diferentes opciones que se adaptan a tus necesidades y presupuesto. Agenda una cita con nosotros para conocer las promociones actuales y encontrar el departamento perfecto para ti.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                \u00bfC\u00f3mo puedo agendar una visita para conocer los departamentos?\r\n                <i class=\"fas fa-plus\"><\/i>\r\n            <\/button>\r\n            <div class=\"faq-answer\">\r\n                <p>Es muy sencillo. Puedes agendar una cita a trav\u00e9s de nuestro formulario en esta p\u00e1gina, llamarnos directamente o enviarnos un correo electr\u00f3nico. Uno de nuestros asesores te contactar\u00e1 para coordinar la mejor fecha y hora para mostrarte nuestras opciones disponibles y resolver todas tus dudas sobre vivir en una comunidad Urbanista.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\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\" onclick=\"toggleHubSpotFormCustom()\" id=\"whatsappBtnFinal\">\r\n  <i class=\"fab fa-whatsapp\"><\/i>\r\n  Whatsapp Directo\r\n<\/button>\r\n\r\n\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\" data-src=\"https:\/\/mkt.urbanista.mx\/hs-fs\/hubfs\/URBANISTA-LOGO-VECTOR-03hor-3.jpg\" \r\n             alt=\"Urbanista Logo\" \r\n             class=\"footer-logo lazy-img\"\r\n             loading=\"lazy\"\r\n             decoding=\"async\"\r\n             width=\"180\"\r\n             height=\"60\">\r\n        \r\n        <p class=\"footer-text\">\r\n            LEONA by Urbanista - A unos pasos del Parque M\u00e9xico, La Condesa, 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>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-284357e elementor-widget elementor-widget-html\" data-id=\"284357e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n\/\/ ===================================\r\n\/\/ OPTIMIZACI\u00d3N CR\u00cdTICA PARA PAGESPEED\r\n\/\/ ===================================\r\n\r\n\/\/ Variables globales\r\nlet lazyImageObserver;\r\nlet hubspotFormsLoaded = false;\r\nlet scrollTicking = false;\r\nlet formObserver = null;\r\n\r\n\/\/ ===================================\r\n\/\/ 1. LAZY LOADING DE IM\u00c1GENES - OPTIMIZADO\r\n\/\/ ===================================\r\nfunction initLazyLoading() {\r\n    \/\/ Hero image - Carga prioritaria con preconnect\r\n    const heroImg = document.querySelector('.hero-bg');\r\n    if (heroImg?.dataset.src) {\r\n        \/\/ Precargar hero image\r\n        const preloadLink = document.createElement('link');\r\n        preloadLink.rel = 'preload';\r\n        preloadLink.as = 'image';\r\n        preloadLink.href = heroImg.dataset.src;\r\n        document.head.appendChild(preloadLink);\r\n        \r\n        heroImg.src = heroImg.dataset.src;\r\n        heroImg.onload = () => heroImg.classList.add('loaded');\r\n        heroImg.removeAttribute('data-src');\r\n    }\r\n\r\n    \/\/ Intersection Observer para el resto de im\u00e1genes\r\n    if ('IntersectionObserver' in window) {\r\n        lazyImageObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry) => {\r\n                if (entry.isIntersecting) {\r\n                    const img = entry.target;\r\n                    \r\n                    if (img.dataset.src) {\r\n                        img.src = img.dataset.src;\r\n                        img.onload = () => {\r\n                            img.classList.add('loaded');\r\n                            img.removeAttribute('data-src');\r\n                        };\r\n                        img.onerror = () => {\r\n                            console.warn('Error loading image:', img.dataset.src);\r\n                            img.removeAttribute('data-src');\r\n                        };\r\n                    }\r\n                    \r\n                    lazyImageObserver.unobserve(img);\r\n                }\r\n            });\r\n        }, {\r\n            rootMargin: '100px 0px', \/\/ Mayor margen para mejor UX\r\n            threshold: 0.01\r\n        });\r\n\r\n        \/\/ Observar solo im\u00e1genes no cr\u00edticas\r\n        requestIdleCallback(() => {\r\n            document.querySelectorAll('.lazy-img:not(.hero-bg)').forEach((img) => {\r\n                lazyImageObserver.observe(img);\r\n            });\r\n        }, { timeout: 2000 });\r\n    } else {\r\n        \/\/ Fallback optimizado\r\n        document.querySelectorAll('.lazy-img').forEach((img) => {\r\n            if (img.dataset.src) {\r\n                img.src = img.dataset.src;\r\n                img.classList.add('loaded');\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 2. SCROLL OPTIMIZADO CON RAF\r\n\/\/ ===================================\r\nfunction updateScrollProgress() {\r\n    if (!scrollTicking) {\r\n        requestAnimationFrame(() => {\r\n            const scrollProgress = document.getElementById('scrollProgress');\r\n            if (scrollProgress) {\r\n                const scrolled = window.pageYOffset;\r\n                const maxScroll = document.documentElement.scrollHeight - window.innerHeight;\r\n                const scrollPercent = Math.min((scrolled \/ maxScroll) * 100, 100);\r\n                scrollProgress.style.width = scrollPercent + '%';\r\n            }\r\n            scrollTicking = false;\r\n        });\r\n        scrollTicking = true;\r\n    }\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 3. DEBOUNCE MEJORADO\r\n\/\/ ===================================\r\nfunction debounce(func, wait) {\r\n    let timeout;\r\n    return function executedFunction(...args) {\r\n        const later = () => {\r\n            clearTimeout(timeout);\r\n            func(...args);\r\n        };\r\n        clearTimeout(timeout);\r\n        timeout = setTimeout(later, wait);\r\n    };\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 4. HUBSPOT FORMS - CARGA DIFERIDA INTELIGENTE\r\n\/\/ ===================================\r\nfunction loadHubSpotForms() {\r\n    if (hubspotFormsLoaded || document.getElementById('hbspt-forms-loaded')) return;\r\n    \r\n    if (window.hbspt) {\r\n        createForms();\r\n        return;\r\n    }\r\n    \r\n    \/\/ Marcar como iniciado para evitar duplicados\r\n    const marker = document.createElement('div');\r\n    marker.id = 'hbspt-forms-loaded';\r\n    marker.style.display = 'none';\r\n    document.body.appendChild(marker);\r\n    \r\n    const script = document.createElement('script');\r\n    script.src = '\/\/js.hsforms.net\/forms\/embed\/v2.js';\r\n    script.async = true;\r\n    script.defer = true;\r\n    \r\n    script.onload = () => {\r\n        if (window.hbspt) {\r\n            requestIdleCallback(createForms, { timeout: 1000 });\r\n        }\r\n    };\r\n    \r\n    script.onerror = () => console.warn('HubSpot forms failed to load');\r\n    \r\n    document.head.appendChild(script);\r\n}\r\n\r\nfunction createForms() {\r\n    if (hubspotFormsLoaded || !window.hbspt) return;\r\n    \r\n    try {\r\n        const formConfig = {\r\n            portalId: \"47830887\",\r\n            formId: \"4b765a47-f887-458d-8bec-6b9fbe8e35aa\",\r\n            region: \"na1\"\r\n        };\r\n        \r\n        const heroForm = document.getElementById('hubspot-form-hero');\r\n        const footerForm = document.getElementById('hubspot-form-footer');\r\n        \r\n        if (heroForm && !heroForm.querySelector('iframe')) {\r\n            hbspt.forms.create({ ...formConfig, target: '#hubspot-form-hero' });\r\n        }\r\n        \r\n        if (footerForm && !footerForm.querySelector('iframe')) {\r\n            hbspt.forms.create({ ...formConfig, target: '#hubspot-form-footer' });\r\n        }\r\n        \r\n        hubspotFormsLoaded = true;\r\n    } catch (error) {\r\n        console.warn('Error creating HubSpot forms:', error);\r\n    }\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 5. INTERSECTION OBSERVER PARA FORMS\r\n\/\/ ===================================\r\nfunction initFormLoadObserver() {\r\n    if (!('IntersectionObserver' in window)) {\r\n        \/\/ Fallback: cargar despu\u00e9s de 3 segundos\r\n        setTimeout(loadHubSpotForms, 3000);\r\n        return;\r\n    }\r\n    \r\n    formObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                loadHubSpotForms();\r\n                formObserver.disconnect();\r\n                formObserver = null;\r\n            }\r\n        });\r\n    }, {\r\n        rootMargin: '200px 0px',\r\n        threshold: 0\r\n    });\r\n\r\n    const formContainers = document.querySelectorAll('#hubspot-form-hero, #hubspot-form-footer');\r\n    formContainers.forEach(container => {\r\n        if (container) formObserver.observe(container);\r\n    });\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 6. FONT AWESOME - CARGA DIFERIDA\r\n\/\/ ===================================\r\nfunction loadFontAwesome() {\r\n    requestIdleCallback(() => {\r\n        const link = document.createElement('link');\r\n        link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css';\r\n        link.rel = 'stylesheet';\r\n        link.media = 'print';\r\n        link.onload = function() {\r\n            this.media = 'all';\r\n            document.body.classList.add('fa-loaded');\r\n        };\r\n        document.head.appendChild(link);\r\n    }, { timeout: 2000 });\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 7. SCROLL SUAVE OPTIMIZADO\r\n\/\/ ===================================\r\nfunction scrollToFooterForm() {\r\n    const footerFormElement = document.querySelector('.final-form-container');\r\n    \r\n    if (footerFormElement) {\r\n        const elementPosition = footerFormElement.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        \/\/ Efecto visual optimizado\r\n        requestAnimationFrame(() => {\r\n            footerFormElement.style.transform = 'scale(1.02)';\r\n            footerFormElement.style.boxShadow = '0 25px 50px rgba(253, 254, 0, 0.3)';\r\n            \r\n            setTimeout(() => {\r\n                requestAnimationFrame(() => {\r\n                    footerFormElement.style.transform = 'scale(1)';\r\n                    footerFormElement.style.boxShadow = '0 20px 60px rgba(0, 0, 0, 0.3)';\r\n                });\r\n            }, 1000);\r\n        });\r\n    }\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 8. WHATSAPP POPUP\r\n\/\/ ===================================\r\nfunction openWhatsAppForm() {\r\n    const popup = document.getElementById('whatsappPopup');\r\n    if (popup) {\r\n        requestAnimationFrame(() => {\r\n            popup.classList.add('show');\r\n            document.body.style.overflow = 'hidden';\r\n        });\r\n    }\r\n}\r\n\r\nfunction closeWhatsAppForm() {\r\n    const popup = document.getElementById('whatsappPopup');\r\n    if (popup) {\r\n        requestAnimationFrame(() => {\r\n            popup.classList.remove('show');\r\n            document.body.style.overflow = '';\r\n        });\r\n    }\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 9. VIDEO PLAYER OPTIMIZADO\r\n\/\/ ===================================\r\nfunction playVideo() {\r\n    const videoContainer = document.querySelector('.video-container');\r\n    if (!videoContainer) return;\r\n    \r\n    requestAnimationFrame(() => {\r\n        const iframe = document.createElement('iframe');\r\n        iframe.width = '100%';\r\n        iframe.height = '100%';\r\n        iframe.src = 'https:\/\/www.youtube.com\/embed\/mkr5MREs7Q0?autoplay=1&rel=0&modestbranding=1';\r\n        iframe.frameBorder = '0';\r\n        iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';\r\n        iframe.allowFullscreen = true;\r\n        iframe.loading = 'lazy';\r\n        \r\n        Object.assign(iframe.style, {\r\n            borderRadius: '20px',\r\n            width: '100%',\r\n            height: '100%',\r\n            position: 'absolute',\r\n            top: '0',\r\n            left: '0'\r\n        });\r\n        \r\n        videoContainer.innerHTML = '';\r\n        videoContainer.style.position = 'relative';\r\n        videoContainer.appendChild(iframe);\r\n    });\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 10. FAQ TOGGLE\r\n\/\/ ===================================\r\nfunction toggleFaq(button) {\r\n    requestAnimationFrame(() => {\r\n        const answer = button.nextElementSibling;\r\n        const icon = button.querySelector('i');\r\n        \r\n        document.querySelectorAll('.faq-answer').forEach((item) => {\r\n            if (item !== answer && item.classList.contains('active')) {\r\n                item.classList.remove('active');\r\n                const otherIcon = item.previousElementSibling.querySelector('i');\r\n                if (otherIcon) {\r\n                    otherIcon.classList.remove('fa-minus');\r\n                    otherIcon.classList.add('fa-plus');\r\n                }\r\n            }\r\n        });\r\n        \r\n        answer.classList.toggle('active');\r\n        \r\n        if (answer.classList.contains('active')) {\r\n            icon?.classList.replace('fa-plus', 'fa-minus');\r\n        } else {\r\n            icon?.classList.replace('fa-minus', 'fa-plus');\r\n        }\r\n    });\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 11. NOTIFICACI\u00d3N DE TOUR\r\n\/\/ ===================================\r\nfunction updateTourNotification() {\r\n    const notificationElement = document.getElementById('tour-notification-number');\r\n    if (notificationElement) {\r\n        const randomNumber = Math.floor(Math.random() * 4) + 3; \/\/ 3-6\r\n        notificationElement.textContent = randomNumber;\r\n    }\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 12. SMOOTH SCROLL PARA LINKS\r\n\/\/ ===================================\r\nfunction initSmoothScroll() {\r\n    const handleClick = (e) => {\r\n        const anchor = e.target.closest('a[href^=\"#\"]');\r\n        if (!anchor) return;\r\n        \r\n        e.preventDefault();\r\n        const targetId = anchor.getAttribute('href');\r\n        const target = document.querySelector(targetId);\r\n        \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    document.addEventListener('click', handleClick, { passive: false });\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 13. EVENT LISTENERS OPTIMIZADOS\r\n\/\/ ===================================\r\nfunction initEventListeners() {\r\n    \/\/ Scroll con passive\r\n    window.addEventListener('scroll', updateScrollProgress, { passive: true });\r\n    \r\n    \/\/ Keyboard events\r\n    document.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Escape') closeWhatsAppForm();\r\n    }, { passive: true });\r\n    \r\n    \/\/ Click delegado para WhatsApp\r\n    document.addEventListener('click', (e) => {\r\n        const whatsappTriggers = [\r\n            '.whatsapp-btn',\r\n            '.btn-whatsapp',\r\n            '.whatsapp-direct-btn',\r\n            '.hero-badge'\r\n        ];\r\n        \r\n        const isWhatsAppTrigger = whatsappTriggers.some(selector => \r\n            e.target.closest(selector)\r\n        );\r\n        \r\n        const popup = document.getElementById('whatsappPopup');\r\n        if (popup?.classList.contains('show') && !popup.contains(e.target) && !isWhatsAppTrigger) {\r\n            closeWhatsAppForm();\r\n        }\r\n    }, { passive: true });\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 14. INICIALIZACI\u00d3N PRINCIPAL\r\n\/\/ ===================================\r\nfunction initApp() {\r\n    \/\/ Cr\u00edtico - ejecutar inmediatamente\r\n    initLazyLoading();\r\n    initEventListeners();\r\n    updateScrollProgress();\r\n    \r\n    \/\/ No cr\u00edtico - diferir con requestIdleCallback\r\n    if ('requestIdleCallback' in window) {\r\n        requestIdleCallback(() => {\r\n            loadFontAwesome();\r\n            initSmoothScroll();\r\n            initFormLoadObserver();\r\n            updateTourNotification();\r\n        }, { timeout: 2000 });\r\n    } else {\r\n        setTimeout(() => {\r\n            loadFontAwesome();\r\n            initSmoothScroll();\r\n            initFormLoadObserver();\r\n            updateTourNotification();\r\n        }, 1000);\r\n    }\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 15. INICIALIZACI\u00d3N\r\n\/\/ ===================================\r\nif (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initApp);\r\n} else {\r\n    initApp();\r\n}\r\n\r\n\/\/ Limpieza al descargar p\u00e1gina\r\nwindow.addEventListener('beforeunload', () => {\r\n    if (lazyImageObserver) lazyImageObserver.disconnect();\r\n    if (formObserver) formObserver.disconnect();\r\n}, { once: true });\r\n\r\n\/\/ Actualizaci\u00f3n peri\u00f3dica de tour notification (optimizado)\r\nif ('requestIdleCallback' in window) {\r\n    const scheduleUpdate = () => {\r\n        const delay = Math.random() * 180000 + 120000; \/\/ 2-5 min\r\n        setTimeout(() => {\r\n            requestIdleCallback(() => {\r\n                updateTourNotification();\r\n                scheduleUpdate();\r\n            });\r\n        }, delay);\r\n    };\r\n    scheduleUpdate();\r\n}\r\n\r\n\/\/ ===================================\r\n\/\/ 16. UTILIDADES GLOBALES\r\n\/\/ ===================================\r\nwindow.scrollToFooterForm = scrollToFooterForm;\r\nwindow.openWhatsAppForm = openWhatsAppForm;\r\nwindow.closeWhatsAppForm = closeWhatsAppForm;\r\nwindow.playVideo = playVideo;\r\nwindow.toggleFaq = toggleFaq;\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 -->\r\n<button class=\"whatsapp-button-custom\" onclick=\"toggleHubSpotFormCustom()\" id=\"whatsappBtnCustom\"><\/button> \r\n\r\n<!-- Contenedor del formulario HubSpot -->\r\n<div class=\"hubspot-form-container-custom\" id=\"hubspotFormContainerCustom\">\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        \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: \"c8a1a41d-e916-4b64-a3b8-fb932f1cfdb8\",\r\n            region: \"na1\",\r\n            target: '#hubspotFormWrapper'\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<\/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    }\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Departamentos en renta en La Condesa CDMX Departamentos tipo estudio y PentHouse. Desde $30,520 + Servicios<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16084","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/16084","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=16084"}],"version-history":[{"count":0,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/16084\/revisions"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=16084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}