{"id":15958,"date":"2025-10-20T14:18:01","date_gmt":"2025-10-20T20:18:01","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=15958"},"modified":"2026-04-30T14:16:38","modified_gmt":"2026-04-30T20:16:38","slug":"rentacdmx_reforma","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/rentacdmx_reforma\/","title":{"rendered":"Renta en Reforma CDMX – JOSEFA"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\nJosefa by Urbanista \u2014 Departamentos en Renta Reforma CDMX sin Aval<\/title>\r\n<meta name=\"description\" content=\"Departamentos y studios en renta en Paseo de la Reforma, CDMX sin aval. Contratos a 12 meses con servicios incluidos, m\u00e1s de 25 amenidades y confirmaci\u00f3n en 24h.\">\r\n<link rel=\"icon\" type=\"image\/webp\" href=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\">\r\n<meta name=\"theme-color\" content=\"#004e64\">\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 gtag('config', 'G-5Q1N1P5KTY');\r\n<\/script>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"preconnect\" href=\"https:\/\/js.hsforms.net\">\r\n<link rel=\"preconnect\" href=\"https:\/\/urbanista.mx\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root {\r\n --blue: #004e64;\r\n --blue-dark: #003847;\r\n --blue-deeper: #002a36;\r\n --blue-light: #0a7e8c;\r\n --blue-pale: #e8f4f8;\r\n --accent: #00b4d8;\r\n --accent-glow: rgba(0,180,216,0.3);\r\n --white: #ffffff;\r\n --off-white: #f5f9fa;\r\n --text-dark: #1a2a30;\r\n --text-mid: #4a6670;\r\n --text-light: #7a9aa5;\r\n --transition: cubic-bezier(0.16,1,0.3,1);\r\n}\r\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\r\nhtml { scroll-behavior:smooth; overflow-x:hidden; }\r\nbody {\r\n font-family:'DM Sans', sans-serif;\r\n font-weight:400;\r\n font-size:16px;\r\n background:var(--white);\r\n color:var(--text-dark);\r\n overflow-x:hidden;\r\n -webkit-font-smoothing:antialiased;\r\n}\r\n.scroll-progress { position:fixed; top:0; left:0; width:0%; height:3px; background:linear-gradient(90deg, var(--accent), var(--blue-light)); z-index:10000; transition:width 0.1s linear; }\r\n@keyframes fadeUp { to { opacity:1; transform:translateY(0); } }\r\n@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(1.5); } }\r\n@keyframes float { 0%,100% { transform:translate(0,0); } 50% { transform:translate(30px,-30px); } }\r\n@keyframes shimmer { 0% { background-position:-200% 0; } 100% { background-position:200% 0; } }\r\n\r\n\/* HERO *\/\r\n.hero { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:var(--blue-deeper); }\r\n.hero-bg-container { position:absolute; inset:0; z-index:0; }\r\n.hero-bg-container img { width:100%; height:100%; object-fit:cover; }\r\n.hero-overlay { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(0,42,54,0.7) 0%, rgba(0,42,54,0.4) 30%, rgba(0,42,54,0.85) 100%); }\r\n.hero::before { content:''; position:absolute; top:-20%; right:-10%; width:600px; height:600px; background:radial-gradient(circle, rgba(0,180,216,.12) 0%, transparent 70%); border-radius:50%; animation:float 8s ease-in-out infinite; z-index:1; }\r\n.hero::after { content:''; position:absolute; bottom:-10%; left:-5%; width:400px; height:400px; background:radial-gradient(circle, rgba(0,180,216,.08) 0%, transparent 70%); border-radius:50%; animation:float 10s ease-in-out infinite reverse; z-index:1; }\r\n.hero-content { position:relative; z-index:2; max-width:100%; width:100%; margin:0 auto; padding:140px 80px 80px; display:grid; grid-template-columns:1fr 460px; gap:80px; align-items:center; }\r\n.hero-text { color:var(--white); }\r\n.hero-logo { margin-bottom:20px; }\r\n.hero-logo img { width:300px !important; max-width:300px !important; height:auto !important; display:block; }\r\n.hero-title { font-family:'Bebas Neue', sans-serif; font-size:clamp(42px, 5vw, 68px); line-height:1; letter-spacing:2px; color:var(--white); margin-bottom:8px; }\r\n.descripcionwtc { font-size:20px; color:var(--accent); font-weight:600; letter-spacing:1px; margin-bottom:12px; }\r\n.hero-subtitle { font-family:'Bebas Neue', sans-serif; font-size:clamp(44px, 6vw, 76px); color:var(--white); line-height:1; margin-bottom:4px; }\r\n.hero-subtitle b { color:var(--accent); position:relative; }\r\n.servicioyman { font-size:16px; color:rgba(255,255,255,.65); margin-bottom:16px; line-height:1.5; }\r\n.disponibilidad1 { display:inline-flex; align-items:center; gap:8px; background:rgba(0,180,216,.15) !important; border:1px solid rgba(0,180,216,.3) !important; padding:8px 18px; border-radius:100px; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent) !important; font-weight:700; margin-bottom:20px; animation:none !important; box-shadow:none !important; }\r\n.hero-price-section { margin-bottom:12px; }\r\n.hero-badge { display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg, var(--accent) 0%, var(--blue-light) 100%); color:var(--white) !important; padding:16px 36px; border-radius:14px; font-family:'Bebas Neue', sans-serif; font-size:22px; letter-spacing:3px; text-transform:uppercase; text-decoration:none !important; transition:all .4s var(--transition); box-shadow:0 8px 32px rgba(0,180,216,.3); }\r\n.hero-badge:hover { transform:translateY(-3px); box-shadow:0 14px 44px rgba(0,180,216,.45); }\r\n.hero-badge i { font-size:18px; }\r\n.hero-notificacion { font-size:14px; color:rgba(255,255,255,.5); margin-bottom:20px; font-style:italic; }\r\n.hero-description { font-size:16px; color:rgba(255,255,255,.7); line-height:1.65; margin-bottom:24px; max-width:700px; }\r\n.hero-description b { color:var(--white); }\r\n.hero-features { display:flex; gap:20px; flex-wrap:wrap; }\r\n.hero-feature { display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); padding:10px 18px; border-radius:100px; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.8); transition:all .3s; }\r\n.hero-feature:hover { border-color:var(--accent); background:rgba(0,180,216,.1); }\r\n.hero-feature i { color:var(--accent); font-size:14px; }\r\n\r\n\/* HERO FORM *\/\r\n.hero-form-container { position:relative; }\r\n.form-top-badge { background: var(--blue-deeper); color: var(--white); text-align: center; padding: 14px 20px; border-radius: 16px 16px 0 0; font-size: 12px; font-weight: 700; letter-spacing: 2px; display: flex; align-items: center; justify-content: center; gap: 8px; text-transform: uppercase; border-bottom:1px solid rgba(0,180,216,.2); }\r\n.form-top-badge i { color: var(--accent); }\r\n.hero-form { background: #ffffff; border: none; border-radius: 0 0 20px 20px; padding: 32px 28px 28px; position: relative; overflow: hidden; box-shadow: 0 24px 70px rgba(0,42,54,0.45), 0 8px 24px rgba(0,180,216,0.18); }\r\n.form-internal-badge { text-align: center; font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 3px; color: var(--blue); margin-bottom: 6px; }\r\n.form-internal-sub { text-align: center; font-size: 13px; color: var(--text-mid); margin-bottom: 22px; font-weight: 500; }\r\n.hero-form .hs-form { display:flex !important; flex-direction:column !important; gap:0 !important; }\r\n.hero-form .hs-form-field { padding:0 !important; margin-bottom:16px !important; border:none !important; }\r\n.hero-form .hs-form-field > label { display: block !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-transform: none !important; color: var(--text-mid) !important; margin-bottom: 7px !important; font-family: 'DM Sans', sans-serif !important; }\r\n.hero-form .hs-form-field > label span { font-size:12px !important; color:var(--text-mid) !important; }\r\n.hero-form .hs-form-field .hs-input, .hero-form .hs-form-field input.hs-input, .hero-form .hs-form-field select.hs-input { width: 100% !important; background: #ffffff !important; border: 1.5px solid #e1ecf1 !important; border-radius: 10px !important; padding: 14px 16px !important; font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; color: var(--text-dark) !important; transition: all .25s ease !important; outline: none !important; box-sizing: border-box !important; box-shadow: 0 1px 2px rgba(0,42,54,0.04) !important; }\r\n.hero-form .hs-form-field .hs-input:hover { border-color: #b8d4de !important; }\r\n.hero-form .hs-form-field .hs-input:focus { border-color: var(--accent) !important; background: #ffffff !important; box-shadow: 0 0 0 3px rgba(0,180,216,0.12) !important; }\r\n.hero-form .hs-form-field .hs-input::placeholder { color: #a3b8c2 !important; }\r\n.hero-form .hs-form-field select.hs-input option { color: var(--text-dark) !important; background-color: var(--white) !important; }\r\n.hero-form .hs-fieldtype-intl-phone { display:flex !important; gap:10px !important; }\r\n.hero-form .hs-fieldtype-intl-phone select.hs-input { width:auto !important; min-width:90px !important; max-width:110px !important; flex-shrink:0 !important; }\r\n.hero-form .hs-fieldtype-intl-phone input.hs-input { flex:1 !important; }\r\n.hero-form .hs-form-required { color: var(--accent) !important; margin-left:2px !important; }\r\n.hero-form .hs-submit { margin-top: 8px !important; }\r\n.hero-form .hs-button { width: 100% !important; background: var(--blue) !important; color: var(--white) !important; border: none !important; padding: 16px 32px !important; border-radius: 10px !important; font-family: 'Bebas Neue', sans-serif !important; font-size: 20px !important; letter-spacing: 3px !important; cursor: pointer !important; transition: all .25s ease !important; text-transform: uppercase !important; box-shadow: 0 4px 14px rgba(0,78,100,0.25) !important; }\r\n.hero-form .hs-button:hover { background: var(--blue-dark) !important; transform: translateY(-1px) !important; box-shadow: 0 8px 22px rgba(0,78,100,0.35) !important; }\r\n.hero-form .hs-error-msgs { color: #e53e3e !important; font-size: 13px !important; margin-top: 6px !important; list-style: none !important; padding: 0 !important; }\r\n.hero-form .legal-consent-container { font-size:12px !important; color: var(--text-light) !important; margin-top:10px !important; line-height:1.5 !important; }\r\n.hero-form .legal-consent-container a { color: var(--accent) !important; }\r\n.hero-form .legal-consent-container label { font-size:12px !important; color: var(--text-mid) !important; display:flex !important; align-items:flex-start !important; gap:10px !important; cursor:pointer !important; }\r\n.hero-form .legal-consent-container input[type=checkbox] { accent-color: var(--accent) !important; margin-top:2px !important; }\r\n.form-security-note { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: var(--text-light); margin-top: 16px; padding-top:16px; border-top:1px solid #eef4f6; }\r\n.form-security-note i { color: var(--accent); font-size: 11px; }\r\n\r\n\/* SECTIONS SHARED \u2014 FULL WIDTH *\/\r\n.section-container { max-width:100%; margin:0 auto; padding:0 80px; }\r\n.section-container img { max-width:100%; height:auto; }\r\n.section-header { text-align:center; margin-bottom:60px; }\r\n.section-badge { display:inline-block !important; font-size:12px !important; font-weight:700 !important; letter-spacing:3px !important; text-transform:uppercase !important; color:var(--accent) !important; margin-bottom:12px !important; background:transparent !important; padding:0 !important; border:none !important; border-radius:0 !important; box-shadow:none !important; }\r\n.section-title { font-family:'Bebas Neue', sans-serif; font-size:clamp(38px, 5vw, 60px); line-height:1; color:var(--blue); margin-bottom:12px; letter-spacing:2px; }\r\n.section-subtitle { font-size:18px; color:var(--text-mid); line-height:1.6; max-width:700px; margin:0 auto; }\r\n\r\n\/* JOSEFA INTRO *\/\r\n.josefa-intro-section { padding:100px 0; background:var(--off-white); }\r\n.josefa-intro-content { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; margin-bottom:60px; }\r\n.josefa-intro-image { border-radius:20px; overflow:hidden; position:relative; aspect-ratio:16\/10; }\r\n.josefa-intro-image img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; display:block; transition:transform .6s var(--transition); }\r\n.josefa-intro-image:hover img { transform:scale(1.03); }\r\n.josefa-intro-text h2 { font-family:'Bebas Neue', sans-serif; font-size:clamp(34px, 4vw, 52px); color:var(--blue); line-height:1.05; margin-bottom:20px; letter-spacing:1px; }\r\n.josefa-intro-text p { font-size:17px; color:var(--text-mid); line-height:1.7; margin-bottom:14px; }\r\n.josefa-intro-text b { color:var(--blue); }\r\n.social-proof-section h4 { text-align:center; font-size:15px; letter-spacing:2px; text-transform:uppercase; color:var(--accent); font-weight:700; margin-bottom:24px; }\r\n.testimonials-mini { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }\r\n.testimonial-item { background:var(--white); border:1px solid rgba(0,78,100,.08); border-radius:16px; padding:24px; text-align:center; transition:all .3s; }\r\n.testimonial-item:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,78,100,.1); border-color:rgba(0,180,216,.2); }\r\n.testimonial-item .stars { color:#f59e0b; font-size:18px; margin-bottom:12px; }\r\n.testimonial-item p { font-size:15px; color:var(--text-mid); line-height:1.6; margin-bottom:10px; font-style:italic; }\r\n.testimonial-item span { font-size:13px; color:var(--text-light); font-weight:600; }\r\n\r\n\/* BENEFITS GENERAL \u2014 Reemplazo de features-section *\/\r\n.benefits-general-section { padding:100px 0; background:var(--white); position:relative; overflow:hidden; }\r\n.benefits-general-section::before { content:''; position:absolute; top:0; left:50%; width:800px; height:800px; background:radial-gradient(circle, rgba(0,180,216,.04) 0%, transparent 70%); transform:translateX(-50%); border-radius:50%; pointer-events:none; }\r\n.benefits-general-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }\r\n.benefit-general-card { background:var(--off-white); border:1px solid rgba(0,78,100,.08); border-radius:20px; padding:36px 28px; text-align:left; position:relative; overflow:hidden; transition:all .4s var(--transition); }\r\n.benefit-general-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--accent), var(--blue-light)); transform:scaleX(0); transition:transform .4s var(--transition); transform-origin:left; }\r\n.benefit-general-card:hover::before { transform:scaleX(1); }\r\n.benefit-general-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,78,100,.12); border-color:rgba(0,180,216,.2); }\r\n.benefit-general-card h3 { font-family:'Bebas Neue', sans-serif; font-size:26px; letter-spacing:2px; color:var(--blue); margin-bottom:14px; }\r\n.benefit-general-card p { font-size:15px; color:var(--text-mid); line-height:1.6; }\r\n\r\n\/* ABOUT *\/\r\n.about-section { padding:100px 0; background:var(--blue-deeper); color:var(--white); position:relative; overflow:hidden; }\r\n.about-section::before { content:''; position:absolute; top:-20%; right:-10%; width:500px; height:500px; background:radial-gradient(circle, rgba(0,180,216,.1) 0%, transparent 70%); border-radius:50%; pointer-events:none; }\r\n.about-content { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }\r\n.about-image { border-radius:20px; overflow:hidden; aspect-ratio:16\/10; }\r\n.about-image img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; display:block; transition:transform .6s; }\r\n.about-image:hover img { transform:scale(1.03); }\r\n.about-text h2 { font-family:'Bebas Neue', sans-serif; font-size:clamp(34px, 4vw, 52px); color:var(--white); margin-bottom:28px; letter-spacing:2px; }\r\n.about-features { display:flex; flex-direction:column; gap:14px; }\r\n.about-feature { display:flex; align-items:flex-start; gap:12px; padding:12px 16px; border-radius:12px; transition:background .3s; }\r\n.about-feature:hover { background:rgba(255,255,255,.05); }\r\n.about-feature i { color:var(--accent); margin-top:3px; font-size:16px; }\r\n.about-feature span { font-size:16px; color:rgba(255,255,255,.75); line-height:1.5; }\r\n\r\n\/* VIDEO *\/\r\n.video-section { padding:80px 0; background:var(--off-white); }\r\n.video-section .section-header { text-align:center; margin-bottom:0; }\r\n.video-section iframe { width:100%; max-width:900px; aspect-ratio:16\/9; border-radius:20px; box-shadow:0 20px 60px rgba(0,78,100,.15); }\r\n\r\n\/* GALLERY *\/\r\n.gallery-section { padding:100px 0; background:var(--white); }\r\n.gallery-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }\r\n.gallery-item { border-radius:16px; overflow:hidden; position:relative; background:transparent !important; padding:0 !important; border:none !important; box-shadow:none !important; aspect-ratio:16\/10; }\r\n.gallery-item img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; display:block; transition:transform .6s var(--transition); }\r\n.gallery-item:hover img { transform:scale(1.05); }\r\n\r\n\/* VIRTUAL TOUR *\/\r\n.virtual-tour-section { padding:100px 0; background:var(--blue-deeper); color:var(--white); }\r\n.virtual-tour-section .section-title { color:var(--white) !important; }\r\n.virtual-tour-section .section-subtitle { color:rgba(255,255,255,.55) !important; }\r\n.tour-container { max-width:1100px; margin:0 auto 50px; border-radius:20px; overflow:hidden; position:relative; }\r\n.tour-preview { display:flex; align-items:center; justify-content:center; min-height:400px; position:relative; cursor:pointer; }\r\n.tour-preview-bg { position:absolute; inset:0; }\r\n.tour-preview-bg img { width:100%; height:100%; object-fit:cover; filter:brightness(.5); }\r\n.tour-preview-content { position:relative; z-index:2; text-align:center; padding:40px; }\r\n.tour-icon { width:80px; height:80px; background:rgba(0,180,216,.15); backdrop-filter:blur(10px); border:2px solid rgba(0,180,216,.3); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }\r\n.tour-icon i { font-size:32px; color:var(--accent); }\r\n.tour-preview-content h3 { font-family:'Bebas Neue', sans-serif; font-size:34px; letter-spacing:3px; margin-bottom:8px; color:var(--white) !important; }\r\n.tour-preview-content p { font-size:16px; color:rgba(255,255,255,.6) !important; margin-bottom:24px; }\r\n.tour-btn { display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg, var(--accent), var(--blue-light)); color:var(--white); padding:16px 36px; border:none; border-radius:100px; font-family:'Bebas Neue', sans-serif; font-size:20px; letter-spacing:3px; cursor:pointer; transition:all .4s var(--transition); box-shadow:0 8px 30px var(--accent-glow); }\r\n.tour-btn:hover { transform:translateY(-3px); box-shadow:0 14px 44px var(--accent-glow); }\r\n.tour-iframe-container { display:none; position:relative; min-height:500px; background:#000; border-radius:20px; overflow:hidden; }\r\n.tour-iframe-container.active { display:block; }\r\n.tour-iframe-container.fullscreen { position:fixed; inset:0; z-index:10000; border-radius:0; min-height:100vh; }\r\n.tour-iframe-container iframe { width:100%; height:500px; border:none; }\r\n.tour-iframe-container.fullscreen iframe { height:100vh; }\r\n.tour-controls { position:absolute; top:16px; right:16px; z-index:10; display:flex; gap:8px; }\r\n.tour-control-btn { width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,.5); backdrop-filter:blur(10px); color:var(--white); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .3s; }\r\n.tour-control-btn:hover { background:var(--accent); border-color:var(--accent); }\r\n.tour-loading { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; background:rgba(0,42,54,.9); z-index:5; }\r\n.tour-loading.hidden { display:none; }\r\n.loading-spinner { width:40px; height:40px; border:3px solid rgba(255,255,255,.1); border-top-color:var(--accent); border-radius:50%; animation:spin 1s linear infinite; margin-bottom:12px; }\r\n@keyframes spin { to { transform:rotate(360deg); } }\r\n.tour-loading p { color:rgba(255,255,255,.6); font-size:15px; }\r\n.tour-benefits { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; max-width:1100px; margin:0 auto; }\r\n.tour-benefit { text-align:center; padding:24px; background:transparent !important; border:none !important; box-shadow:none !important; }\r\n.benefit-icon { width:56px; height:56px; background:rgba(0,180,216,.12); border:1px solid rgba(0,180,216,.25); border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }\r\n.benefit-icon i { font-size:20px; color:var(--accent); }\r\n.tour-benefit h4 { font-size:17px; color:var(--white) !important; font-weight:700; margin-bottom:6px; }\r\n.tour-benefit p { font-size:14px; color:rgba(255,255,255,.45) !important; line-height:1.5; }\r\n\r\n\/* APARTMENTS *\/\r\n.apartments-section { padding:100px 0; background:var(--off-white); }\r\n.apartments-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }\r\n.apartment-card { border-radius:20px; overflow:hidden; background:var(--white); border:1px solid rgba(0,78,100,.08); transition:all .4s var(--transition); }\r\n.apartment-card:hover { transform:translateY(-8px); box-shadow:0 20px 60px rgba(0,78,100,.15); border-color:rgba(0,180,216,.2); }\r\n.apartment-card.featured { border-color:var(--accent); box-shadow:0 8px 30px rgba(0,180,216,.15); }\r\n.apartment-image { position:relative; aspect-ratio:16\/10; overflow:hidden; }\r\n.apartment-image img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }\r\n.apartment-card:hover .apartment-image img { transform:scale(1.06); }\r\n.apartment-price { position:absolute; bottom:12px; left:12px; background:linear-gradient(135deg, var(--blue), var(--blue-light)); color:var(--white); padding:8px 16px; border-radius:10px; font-family:'Bebas Neue', sans-serif; font-size:20px; letter-spacing:1px; }\r\n.apartment-badge { position:absolute; top:12px; right:12px; background:var(--accent); color:var(--white); padding:4px 12px; border-radius:100px; font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; }\r\n.apartment-badge.popular { background:linear-gradient(135deg, #f59e0b, #ef4444); }\r\n.apartment-badge.premium { background:linear-gradient(135deg, var(--blue), var(--blue-dark)); }\r\n.apartment-content { padding:24px; }\r\n.apartment-title { font-family:'Bebas Neue', sans-serif; font-size:24px; letter-spacing:2px; color:var(--blue); margin-bottom:14px; }\r\n.apartment-features { display:flex; gap:16px; margin-bottom:14px; flex-wrap:wrap; }\r\n.apartment-feature { display:flex; align-items:center; gap:6px; font-size:14px; color:var(--text-mid); }\r\n.apartment-feature i { color:var(--accent); font-size:14px; }\r\n.apartment-description { font-size:15px; color:var(--text-mid); line-height:1.6; }\r\n\r\n\/* AMENITIES *\/\r\n.amenities-section { padding:100px 0; background:var(--white); }\r\n.amenities-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }\r\n.amenity-card { background:var(--off-white); border:1px solid rgba(0,78,100,.08); border-radius:20px; padding:32px 24px; text-align:center; transition:all .4s var(--transition); }\r\n.amenity-card:hover { transform:translateY(-6px); box-shadow:0 16px 48px rgba(0,78,100,.1); border-color:rgba(0,180,216,.2); }\r\n.amenity-card.featured { background:var(--off-white); }\r\n.amenity-card.premium { background:linear-gradient(135deg, var(--blue-deeper), var(--blue)); border-color:rgba(0,180,216,.3); }\r\n.amenity-icon { width:56px; height:56px; background:rgba(0,180,216,.1); border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }\r\n.amenity-icon i { font-size:22px; color:var(--accent); }\r\n.amenity-icon-special { width:56px; height:56px; background:var(--accent); border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }\r\n.amenity-icon-special i { font-size:22px; color:var(--white); }\r\n.amenity-title { font-family:'Bebas Neue', sans-serif; font-size:24px; letter-spacing:1.5px; color:var(--blue); margin-bottom:8px; }\r\n.amenity-card.premium .amenity-title { color:var(--white); }\r\n.amenity-description { font-size:14px; color:var(--text-mid); line-height:1.5; }\r\n.amenity-card.premium .amenity-description { color:rgba(255,255,255,.6); }\r\n.amenity-count { font-family:'Bebas Neue', sans-serif; font-size:48px; color:var(--accent); margin-top:8px; }\r\n\r\n\/* MAP *\/\r\n.map-section { padding:80px 0; background:var(--off-white); }\r\n.map-container { max-width:1100px; margin:0 auto; border-radius:20px; overflow:hidden; position:relative; box-shadow:0 20px 60px rgba(0,78,100,.15); }\r\n.map-container img { width:100%; display:block; }\r\n.map-container iframe { width:100%; display:block; border:0; }\r\n.map-overlay { position:absolute; inset:0; background:rgba(0,42,54,.3); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s; pointer-events:none; }\r\n.map-container:hover .map-overlay { opacity:1; pointer-events:auto; }\r\n.map-btn { display:inline-flex; align-items:center; gap:10px; background:var(--accent); color:var(--white); padding:16px 32px; border-radius:100px; font-weight:700; font-size:15px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; transition:all .3s; box-shadow:0 8px 30px var(--accent-glow); }\r\n.map-btn:hover { transform:translateY(-2px); box-shadow:0 12px 40px var(--accent-glow); }\r\n\r\n\/* FINAL CTA *\/\r\n.final-cta-section { padding:100px 0; background:linear-gradient(165deg, var(--blue-deeper), var(--blue) 50%, var(--blue-light)); color:var(--white); position:relative; overflow:hidden; }\r\n.final-cta-section::before { content:''; position:absolute; top:50%; left:50%; width:600px; height:600px; background:radial-gradient(circle, rgba(0,180,216,.12), transparent 70%); transform:translate(-50%,-50%); }\r\n.final-cta-header { text-align:center; margin-bottom:48px; position:relative; z-index:2; }\r\n.final-cta-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(0,180,216,.15); border:1px solid rgba(0,180,216,.3); padding:8px 18px; border-radius:100px; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--accent); font-weight:700; margin-bottom:20px; animation:none !important; }\r\n.final-cta-title { font-family:'Bebas Neue', sans-serif; font-size:clamp(42px, 6vw, 76px); line-height:1; letter-spacing:2px; color:var(--white); }\r\n.highlight-text { color:var(--accent); }\r\n.final-form-section { max-width:560px; margin:0 auto; position:relative; z-index:2; }\r\n.final-form-container { background:rgba(255,255,255,.06); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:36px; position:relative; overflow:hidden; }\r\n.form-header h3 { font-family:'Bebas Neue', sans-serif; font-size:30px; letter-spacing:3px; text-align:center; margin-bottom:24px; color:var(--white); }\r\n.final-form-container .hs-form { display:flex !important; flex-direction:column !important; gap:0 !important; }\r\n.final-form-container .hs-form-field { padding:0 !important; margin-bottom:16px !important; border:none !important; }\r\n.final-form-container .hs-form-field > label { display:block !important; font-size:12px !important; font-weight:600 !important; letter-spacing:0.5px !important; text-transform:none !important; color:rgba(255,255,255,.75) !important; margin-bottom:7px !important; font-family:'DM Sans', sans-serif !important; }\r\n.final-form-container .hs-form-field > label span { font-size:12px !important; color:rgba(255,255,255,.75) !important; }\r\n.final-form-container .hs-form-field .hs-input, .final-form-container .hs-form-field input.hs-input, .final-form-container .hs-form-field select.hs-input { width:100% !important; background:rgba(255,255,255,.08) !important; border:1.5px solid rgba(255,255,255,.15) !important; border-radius:10px !important; padding:14px 16px !important; font-family:'DM Sans', sans-serif !important; font-size:15px !important; color:var(--white) !important; transition:all .25s ease !important; outline:none !important; box-sizing:border-box !important; }\r\n.final-form-container .hs-form-field .hs-input:hover { border-color:rgba(255,255,255,.25) !important; }\r\n.final-form-container .hs-form-field .hs-input:focus { border-color:var(--accent) !important; background:rgba(0,180,216,.08) !important; box-shadow:0 0 0 3px rgba(0,180,216,0.15) !important; }\r\n.final-form-container .hs-form-field .hs-input::placeholder { color:rgba(255,255,255,.4) !important; }\r\n.final-form-container .hs-form-field select.hs-input option { color:var(--text-dark) !important; background-color:var(--white) !important; }\r\n.final-form-container .hs-fieldtype-intl-phone { display:flex !important; gap:10px !important; }\r\n.final-form-container .hs-fieldtype-intl-phone select.hs-input { width:auto !important; min-width:90px !important; max-width:110px !important; flex-shrink:0 !important; }\r\n.final-form-container .hs-fieldtype-intl-phone input.hs-input { flex:1 !important; }\r\n.final-form-container .hs-form-required { color:var(--accent) !important; margin-left:2px !important; }\r\n.final-form-container .hs-submit { margin-top:8px !important; }\r\n.final-form-container .hs-button { width:100% !important; background:var(--accent) !important; color:var(--white) !important; border:none !important; padding:16px 32px !important; border-radius:10px !important; font-family:'Bebas Neue', sans-serif !important; font-size:20px !important; letter-spacing:3px !important; cursor:pointer !important; transition:all .25s ease !important; text-transform:uppercase !important; box-shadow:0 4px 14px rgba(0,180,216,0.3) !important; }\r\n.final-form-container .hs-button:hover { background:#00a3c4 !important; transform:translateY(-1px) !important; box-shadow:0 8px 22px rgba(0,180,216,0.4) !important; }\r\n.final-form-container .hs-error-msgs { color:#ff6b6b !important; font-size:13px !important; margin-top:6px !important; list-style:none !important; padding:0 !important; }\r\n.final-form-container .legal-consent-container { font-size:12px !important; color:rgba(255,255,255,.5) !important; margin-top:10px !important; line-height:1.5 !important; }\r\n.final-form-container .legal-consent-container a { color:var(--accent) !important; }\r\n.final-form-container .legal-consent-container label { font-size:12px !important; color:rgba(255,255,255,.5) !important; display:flex !important; align-items:flex-start !important; gap:10px !important; cursor:pointer !important; }\r\n.final-form-container .legal-consent-container input[type=checkbox] { accent-color:var(--accent) !important; margin-top:2px !important; }\r\n.form-footer { margin-top:24px; }\r\n.security-note { display:flex; align-items:center; gap:8px; justify-content:center; font-size:13px; color:rgba(255,255,255,.4); margin-bottom:20px; }\r\n.security-note i { color:var(--accent); }\r\n.alternative-contact { text-align:center; }\r\n.alternative-contact p { font-size:13px; color:rgba(255,255,255,.5); margin-bottom:12px; }\r\n.btn-whatsapp { display:inline-flex; align-items:center; gap:8px; background:#25d366; color:var(--white); border:none; padding:12px 28px; border-radius:100px; font-weight:700; font-size:14px; cursor:pointer; transition:all .3s; text-decoration:none; }\r\n.btn-whatsapp:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(37,211,102,.3); }\r\n\r\n\/* FOOTER *\/\r\n.footer { padding:40px 80px; background:var(--blue-deeper); border-top:1px solid rgba(255,255,255,.05); text-align:center; }\r\n.footer-logo { margin-bottom:12px; width:180px !important; max-width:180px !important; height:auto !important; }\r\n.footer-text { font-size:14px; color:rgba(255,255,255,.4); line-height:1.6; }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width:1280px) {\r\n .hero-content { padding:140px 48px 80px; gap:48px; }\r\n .section-container { padding:0 48px; }\r\n .footer { padding:40px 48px; }\r\n .benefits-general-grid { grid-template-columns:repeat(2, 1fr); }\r\n}\r\n@media (max-width:1024px) {\r\n .hero-content { grid-template-columns:1fr; padding:120px 32px 60px; gap:40px; }\r\n .hero-form-container { max-width:480px; margin:0 auto; width:100%; }\r\n .section-container { padding:0 32px; }\r\n .footer { padding:40px 32px; }\r\n .josefa-intro-content { grid-template-columns:1fr; gap:40px; }\r\n .about-content { grid-template-columns:1fr; gap:40px; }\r\n .apartments-grid { grid-template-columns:1fr; }\r\n .amenities-grid { grid-template-columns:repeat(2, 1fr); }\r\n .gallery-grid { grid-template-columns:repeat(2, 1fr); }\r\n .testimonials-mini { grid-template-columns:1fr; }\r\n .tour-benefits { grid-template-columns:1fr; gap:12px; }\r\n}\r\n@media (max-width:640px) {\r\n .hero-content { padding:100px 16px 40px; }\r\n .section-container { padding:0 16px; }\r\n .footer { padding:30px 16px; }\r\n .hero-features { flex-direction:column; }\r\n .benefits-general-grid { grid-template-columns:1fr; }\r\n .amenities-grid { grid-template-columns:1fr; }\r\n .gallery-grid { grid-template-columns:1fr; }\r\n .final-form-container { padding:24px 20px; }\r\n .hero-form { padding:20px; }\r\n .hero-logo img { width:220px !important; max-width:220px !important; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<!-- Scroll Progress -->\r\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n\r\n<!-- Hero Section -->\r\n<section class=\"hero\">\r\n <div class=\"hero-bg-container\">\r\n <img src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC01113-Pano%20HDR.jpg?width=1600&height=1000&name=DSC01113-Pano%20HDR.jpg\" \r\n alt=\"Josefa Building\" \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 <div class=\"hero-logo\">\r\n <img fetchpriority=\"high\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\" \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 <h3 class=\"hero-title\">DONDE TU D\u00cdA FLUYE MEJOR,<br> DESDE QUE DESPIERTAS<\/h3>\r\n <p class=\"descripcionwtc\">Sobre Paseo de la Reforma<\/p>\r\n <h1 class=\"hero-subtitle\">Renta tu depa premium en Reforma desde: <b>$28,930.00<\/b><\/h1>\r\n <p>* Precios y disponibilidad sujetos a cambios sin previo aviso<\/p>\r\n <p class=\"servicioyman\">con servicios, mantenimiento y <u>m\u00e1s de 25 amenidades<\/u> incluidas<\/p>\r\n <p class=\"disponibilidad1\">\u00daltimos studios y depas de 1 rec\u00e1mara<\/p>\r\n \r\n <div class=\"hero-price-section\">\r\n <a href=\"#hubspot-form-footer\" class=\"hero-badge\" style=\"text-decoration: none;\">\r\n <i class=\"fas fa-home\"><\/i>\r\n AGENDAR TOUR\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero-notificacion\">\r\n <span><i>\u00a1<span id=\"tour-notification-number\">5<\/span> personas han agendado tour en la \u00faltima hora!<\/i><\/span>\r\n <\/div>\r\n <p class=\"hero-description\">\r\n Tu oasis urbano en <b>Paseo de la Reforma.<\/b> Con <b>Josefa by Urbanista<\/b> vive una vida sin complicaciones: departamentos con aire acondicionado, aislamiento ac\u00fastico y arreglos sin excusas. La renta es simple y sin aval. M\u00e1s all\u00e1 de cuatro paredes, te esperan amenidades que convierten el edificio en una extensi\u00f3n de tu vida. Tu vida en CDMX, simplificada.\r\n <\/p>\r\n\r\n <div class=\"hero-features\">\r\n <div class=\"hero-feature\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <span>RENTA SIN AVAL<\/span>\r\n <\/div>\r\n <div class=\"hero-feature\">\r\n <i class=\"fas fa-calendar-check\"><\/i>\r\n <span><u>Renta m\u00ednima por 12 meses<\/u><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-form-container\" id=\"FORM\">\r\n <div class=\"form-top-badge\">\r\n <i class=\"fas fa-star\"><\/i>\r\n \u00daLTIMOS 3 DEPARTAMENTOS DISPONIBLES\r\n <\/div>\r\n \r\n <div class=\"hero-form\">\r\n <div class=\"form-internal-badge\">AGENDA UN TOUR<\/div>\r\n <p class=\"form-internal-sub\">Confirmaci\u00f3n en menos de 24 horas \u00b7 Sin aval<\/p>\r\n \r\n <div class=\"form-placeholder\">\r\n <div id=\"hubspot-form-hero\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"form-security-note\">\r\n <i class=\"fas fa-lock\"><\/i>\r\n <span>Tus datos est\u00e1n 100% protegidos<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Josefa Introduction Section -->\r\n<section class=\"josefa-intro-section\">\r\n <div class=\"section-container\">\r\n <div class=\"josefa-intro-content\">\r\n <div class=\"josefa-intro-image\">\r\n <img loading=\"lazy\" src=\"https:\/\/mkt.urbanista.mx\/hs-fs\/hubfs\/josefa-renta-cdmx-01-1.jpg?width=900&height=600&name=josefa-renta-cdmx-01-1.jpg\" \r\n alt=\"Josefa by Urbanista - Departamentos en Renta CDMX\" \r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"900\"\r\n height=\"600\">\r\n <\/div>\r\n \r\n <div class=\"josefa-intro-text\">\r\n <h2>Todo lo que usas a diario, a unos pasos de TU DEPA<\/h2>\r\n <p><b>En Josefa by Urbanista<\/b> sabemos que no todo pasa dentro de tu departamento: afuera te espera mucho m\u00e1s.<\/p>\r\n <p>\u00c1rea coworking para tus d\u00edas productivos, cine privado para tus pel\u00edculas favoritas, cocinas lounge para tus cenas m\u00e1s importantes, gimnasio a pasos de tu cama y terrazas pensadas para compartir con tus amigos. Aqu\u00ed, tu renta es por un edificio que funciona como extensi\u00f3n de tu vida.<\/p>\r\n <p><b>No es para quien busca metros vac\u00edos.<\/b> Es para quien entiende el valor de vivir en Paseo de la Reforma en un departamento bien resuelto, sin aval, sin complicaciones y con amenidades que te har\u00e1n el mejor anfitri\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"social-proof-section\">\r\n <h4>Lo que dicen nuestros residentes:<\/h4>\r\n <div class=\"testimonials-mini\">\r\n <div class=\"testimonial-item\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"El proceso fue s\u00faper f\u00e1cil y r\u00e1pido. En 2 d\u00edas ya ten\u00eda las llaves\"<\/p>\r\n <span>- Mar\u00eda Gonz\u00e1lez<\/span>\r\n <\/div>\r\n <div class=\"testimonial-item\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"Sin aval real, excelente ubicaci\u00f3n y amenidades incre\u00edbles\"<\/p>\r\n <span>- Carlos M\u00e9ndez<\/span>\r\n <\/div>\r\n <div class=\"testimonial-item\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"La mejor decisi\u00f3n que tom\u00e9. Recomiendo JOSEFA 100%\"<\/p>\r\n <span>- Ana Rodr\u00edguez<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Benefits General Section (reemplaza features-section) -->\r\n<section class=\"benefits-general-section\">\r\n <div class=\"section-container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Donde rentar es un gusto, no una carga<\/h2>\r\n <p class=\"section-subtitle\">Proceso simple, r\u00e1pido y sin complicaciones en todos nuestros edificios<\/p>\r\n <\/div>\r\n <div class=\"benefits-general-grid\">\r\n <div class=\"benefit-general-card\">\r\n <h3>RENTA F\u00c1CIL<\/h3>\r\n <p>Renta sin aval ni fianza. Contratos digitales desde 12 meses. Aprobaci\u00f3n en 24 horas y depas listos para mudarte. Opci\u00f3n amoblada con costo extra. Sin complicaciones, solo soluciones.<\/p>\r\n <\/div>\r\n <div class=\"benefit-general-card\">\r\n <h3>OASIS EN LA CIUDAD<\/h3>\r\n <p>Aire acondicionado, aislamiento ac\u00fastico para reducir el ruido exterior, seguridad 24\/7 y depas pensados para que descanses de verdad. Tu espacio, a tu ritmo.<\/p>\r\n <\/div>\r\n <div class=\"benefit-general-card\">\r\n <h3>COMPARTE Y RECARGA<\/h3>\r\n <p>Rooftops, gym, coworking, salas de cine, spa, y miles de metros de amenidades para hacer tu d\u00eda m\u00e1s ligero. El edificio como extensi\u00f3n de tu vida.<\/p>\r\n <\/div>\r\n <div class=\"benefit-general-card\">\r\n <h3>VIVE CERCA DE TODO<\/h3>\r\n <p>8 edificios en las colonias m\u00e1s conectadas de CDMX: Roma, Reforma, Polanco, N\u00e1poles, Condesa, Ju\u00e1rez, Doctores y Del Valle.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- About Section -->\r\n<section class=\"about-section\">\r\n <div class=\"section-container\">\r\n <div class=\"about-content\">\r\n <div class=\"about-image\">\r\n <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC00896.jpg\" \r\n alt=\"Josefa Interior\" \r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"800\"\r\n height=\"500\">\r\n <\/div>\r\n\r\n <div class=\"about-text\">\r\n <h2>RENTA DEPARTAMENTO EN CDMX<\/h2>\r\n <div class=\"about-features\">\r\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Renta f\u00e1cil y sin aval, con aprobaci\u00f3n en 24 horas<\/span><\/div>\r\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Tu depa incluye Aire acondicionado, ventanas con reducci\u00f3n de sonido, sistema anti incendios y atenci\u00f3n 24\/7<\/span><\/div>\r\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Ubicaciones premium en las mejores zonas de CDMX<\/span><\/div>\r\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Departamentos modernos con terrazas y vistas \u00fanicas<\/span><\/div>\r\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Pet-friendly, con pol\u00edticas claras y \u00e1reas para mascotas<\/span><\/div>\r\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Servicios incluidos: agua, luz, gas, internet y mantenimiento (costo extra)<\/span><\/div>\r\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Cocina integral y centro de lavado incluido.<\/span><\/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 src=\"https:\/\/www.youtube.com\/embed\/mkr5MREs7Q0?si=CbTt9DMmgOb1_vWR&controls=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Gallery Section -->\r\n<section class=\"gallery-section\" id=\"gallery\">\r\n <div class=\"section-container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">Galer\u00eda de Espacios<\/div>\r\n <h3 class=\"section-title\">Conoce ahora tu nuevo departamento<\/h3>\r\n <p class=\"section-subtitle\">Descubre cada rinc\u00f3n de JOSEFA y enam\u00f3rate de tu pr\u00f3ximo hogar<\/p>\r\n <\/div>\r\n\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC01113-Pano%20HDR.jpg\" alt=\"Vista panor\u00e1mica\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\"><\/div>\r\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC00896.jpg\" alt=\"Sala principal\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\"><\/div>\r\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/41-4.jpg\" alt=\"Cocina moderna\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\"><\/div>\r\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/83.jpg\" alt=\"Rec\u00e1mara principal\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\"><\/div>\r\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC00907-v.jpg\" alt=\"Ba\u00f1o moderno\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\"><\/div>\r\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC01113-Pano%20HDR.jpg\" alt=\"Vista exterior\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Virtual Tour Section -->\r\n<section class=\"virtual-tour-section\" id=\"tour-virtual\">\r\n <div class=\"section-container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">Tour Virtual 360\u00b0<\/div>\r\n <h2 class=\"section-title\">Recorre JOSEFA desde casa<\/h2>\r\n <p class=\"section-subtitle\">Explora cada rinc\u00f3n de nuestras amenidades con nuestro tour virtual interactivo<\/p>\r\n <\/div>\r\n\r\n <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\"><i class=\"fas fa-cube\"><\/i><\/div>\r\n <h3>Tour Virtual 360\u00b0<\/h3>\r\n <p>Recorre las amenidades de JOSEFA con tecnolog\u00eda de realidad virtual<\/p>\r\n <button class=\"tour-btn\" onclick=\"loadVirtualTour()\"><i class=\"fas fa-play\"><\/i> Iniciar Tour Virtual<\/button>\r\n <\/div>\r\n <div class=\"tour-preview-bg\">\r\n <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC01113-Pano%20HDR.jpg\" alt=\"Vista previa tour virtual\" loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"675\">\r\n <\/div>\r\n <\/div>\r\n \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\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <button class=\"tour-control-btn\" onclick=\"toggleFullscreen()\" title=\"Pantalla completa\"><i class=\"fas fa-expand\"><\/i><\/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 id=\"virtualTourFrame\" src=\"\" frameborder=\"0\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-benefits\">\r\n <div class=\"tour-benefit\"><div class=\"benefit-icon\"><i class=\"fas fa-clock\"><\/i><\/div><h4>24\/7 Disponible<\/h4><p>Visita cuando quieras, a cualquier hora del d\u00eda<\/p><\/div>\r\n <div class=\"tour-benefit\"><div class=\"benefit-icon\"><i class=\"fas fa-home\"><\/i><\/div><h4>Desde casa<\/h4><p>No necesitas transportarte, explora desde la comodidad de tu hogar<\/p><\/div>\r\n <div class=\"tour-benefit\"><div class=\"benefit-icon\"><i class=\"fas fa-eye\"><\/i><\/div><h4>Vista realista<\/h4><p>Tecnolog\u00eda 360\u00b0 para una experiencia inmersiva y real<\/p><\/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\">Desde estudios funcionales hasta departamentos con terraza<\/p>\r\n <\/div>\r\n\r\n <div class=\"apartments-grid\">\r\n <div class=\"apartment-card\">\r\n <div class=\"apartment-image\">\r\n <img loading=\"lazy\" src=\"https:\/\/47830887.fs1.hubspotusercontent-na1.net\/hub\/47830887\/hubfs\/DSC00896.jpg\" alt=\"Estudio\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\">\r\n <div class=\"apartment-price\">Desde $28,930.00<\/div>\r\n <div class=\"apartment-badge\">DISPONIBLE<\/div>\r\n <\/div>\r\n <div class=\"apartment-content\">\r\n <h3 class=\"apartment-title\">Departamento Tipo Estudio<\/h3>\r\n <div class=\"apartment-features\">\r\n <div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>Estudio<\/span><\/div>\r\n <div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>1 Ba\u00f1o<\/span><\/div>\r\n <div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>35-45 m\u00b2<\/span><\/div>\r\n <\/div>\r\n <p class=\"apartment-description\">Perfecto para profesionales j\u00f3venes. Dise\u00f1o inteligente que maximiza cada metro cuadrado con cocina equipada y \u00e1rea de estar funcional.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"apartment-card featured\">\r\n <div class=\"apartment-image\">\r\n <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/41-4.jpg\" alt=\"1 Rec\u00e1mara\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\">\r\n <div class=\"apartment-price\">Desde $38,130.00<\/div>\r\n <div class=\"apartment-badge popular\">M\u00c1S POPULAR<\/div>\r\n <\/div>\r\n <div class=\"apartment-content\">\r\n <h3 class=\"apartment-title\">Departamento 1 Rec\u00e1mara<\/h3>\r\n <div class=\"apartment-features\">\r\n <div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>1 Rec\u00e1mara<\/span><\/div>\r\n <div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>1 Ba\u00f1o<\/span><\/div>\r\n <div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>55-65 m\u00b2<\/span><\/div>\r\n <\/div>\r\n <p class=\"apartment-description\">Espacios amplios con sala independiente y cocina equipada. Ideal para parejas o profesionales que valoran el confort.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"apartment-card\">\r\n <div class=\"apartment-image\">\r\n <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Pent-house-Reforma.jpg\" alt=\"PentHouse\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\">\r\n <div class=\"apartment-price\">Desde $42,230.00<\/div>\r\n <div class=\"apartment-badge premium\">PREMIUM<\/div>\r\n <\/div>\r\n <div class=\"apartment-content\">\r\n <h3 class=\"apartment-title\">Espectacular PH<\/h3>\r\n <div class=\"apartment-features\">\r\n <div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>1 Rec\u00e1mara<\/span><\/div>\r\n <div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>2 Ba\u00f1os<\/span><\/div>\r\n <div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>75-85 m\u00b2<\/span><\/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\"><div class=\"amenity-icon\"><i class=\"fas fa-building\"><\/i><\/div><h3 class=\"amenity-title\">Terraza<\/h3><p class=\"amenity-description\">Disfruta de una terraza con asadores y vista incre\u00edble<\/p><\/div>\r\n <div class=\"amenity-card featured\"><div class=\"amenity-icon\"><i class=\"fas fa-film\"><\/i><\/div><h3 class=\"amenity-title\">Cine privado<\/h3><p class=\"amenity-description\">Para que disfrutes las mejores funciones con tus amigos<\/p><\/div>\r\n <div class=\"amenity-card featured\"><div class=\"amenity-icon\"><i class=\"fas fa-utensils\"><\/i><\/div><h3 class=\"amenity-title\">Cocinas Lounge<\/h3><p class=\"amenity-description\">Organiza incre\u00edbles cenas para tus reuniones en nuestras cocinas<\/p><\/div>\r\n <div class=\"amenity-card featured\"><div class=\"amenity-icon\"><i class=\"fas fa-dumbbell\"><\/i><\/div><h3 class=\"amenity-title\">Gimnasio<\/h3><p class=\"amenity-description\">Tus entrenamientos sin salir de casa. Contamos con gimnasio equipado en el edificio<\/p><\/div>\r\n <div class=\"amenity-card featured\"><div class=\"amenity-icon\"><i class=\"fas fa-paw\"><\/i><\/div><h3 class=\"amenity-title\">Zona pet<\/h3><p class=\"amenity-description\">Para consentir a tus mascotas contamos con una zona especial<\/p><\/div>\r\n <div class=\"amenity-card premium\"><div class=\"amenity-icon-special\"><i class=\"fas fa-plus\"><\/i><\/div><h3 class=\"amenity-title\">M\u00e1s amenidades<\/h3><p class=\"amenity-description\">Disfruta de m\u00e1s de 25 amenidades en un solo lugar<\/p><div class=\"amenity-count\">+25<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Map Section -->\r\n<section class=\"map-section\">\r\n <div class=\"section-container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">\u00bfUbicaci\u00f3n?<\/div>\r\n <h3 class=\"section-title\">En el coraz\u00f3n de la Ciudad<\/h3>\r\n <p class=\"section-subtitle\">Av. P.\u00ba de la Reforma 390, Ju\u00e1rez, Cuauht\u00e9moc, 06600 Ciudad de M\u00e9xico, CDMX<\/p>\r\n <\/div>\r\n\r\n <div class=\"map-container\">\r\n <img loading=\"lazy\" src=\"https:\/\/mkt.urbanista.mx\/hubfs\/JOSEFA-MAPA.jpg\" alt=\"Mapa de ubicaci\u00f3n JOSEFA\" loading=\"lazy\" decoding=\"async\" width=\"1100\" height=\"700\">\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<!-- Final CTA + Form Section -->\r\n<section class=\"final-cta-section\">\r\n <div class=\"section-container\">\r\n <div class=\"final-cta-header\">\r\n <div class=\"final-cta-badge\">\r\n <i class=\"fas fa-star\"><\/i>\r\n \u00daLTIMOS 3 DEPARTAMENTOS DISPONIBLES\r\n <\/div>\r\n <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 <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-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:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\" \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\" \r\n alt=\"Google Partner\" \r\n class=\"footer-logo\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"80\"\r\n height=\"60\"\/>\r\n <\/a>\r\n <p class=\"footer-text\">\r\n JOSEFA by Urbanista - Av. P.\u00ba de la Reforma 390, Ju\u00e1rez, Cuauht\u00e9moc, CDMX<br>\r\n Vive la experiencia premium que mereces. MOVE IN. MOVE UP.\r\n <\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ Scroll progress\r\nwindow.addEventListener('scroll', function() {\r\n var scrollTop = window.scrollY;\r\n var docHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n var scrollPercent = (scrollTop \/ docHeight) * 100;\r\n document.getElementById('scrollProgress').style.width = scrollPercent + '%';\r\n});\r\n\r\n\/\/ Smooth scroll\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n var target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n var offsetPosition = target.getBoundingClientRect().top + window.pageYOffset - 80;\r\n window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\r\n }\r\n });\r\n});\r\n\r\n\/\/ Tour notification number aleatorio\r\n(function() {\r\n var num = Math.floor(Math.random() * 8) + 3;\r\n var el = document.getElementById('tour-notification-number');\r\n if (el) el.textContent = num;\r\n})();\r\n\r\n\/\/ Virtual Tour\r\nvar tourLoaded = false;\r\nvar isFullscreen = false;\r\nfunction loadVirtualTour() {\r\n var tourPreview = document.getElementById('tourPreview');\r\n var tourIframeContainer = document.getElementById('tourIframeContainer');\r\n var tourFrame = document.getElementById('virtualTourFrame');\r\n var tourLoading = document.getElementById('tourLoading');\r\n if (!tourPreview || !tourIframeContainer || !tourFrame) return;\r\n tourPreview.style.display = 'none';\r\n tourIframeContainer.classList.add('active');\r\n tourLoading.classList.remove('hidden');\r\n if (!tourLoaded) {\r\n tourFrame.src = 'https:\/\/urbanista.mx\/tours\/Josefa\/Amenidades\/';\r\n tourLoaded = true;\r\n tourFrame.onload = function() { setTimeout(function() { tourLoading.classList.add('hidden'); }, 1000); };\r\n setTimeout(function() { tourLoading.classList.add('hidden'); }, 5000);\r\n } else { tourLoading.classList.add('hidden'); }\r\n var tourSection = document.querySelector('.virtual-tour-section');\r\n if (tourSection) tourSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n}\r\nfunction closeVirtualTour() {\r\n var tourPreview = document.getElementById('tourPreview');\r\n var tourIframeContainer = document.getElementById('tourIframeContainer');\r\n if (!tourPreview || !tourIframeContainer) return;\r\n if (isFullscreen) exitFullscreen();\r\n tourPreview.style.display = 'flex';\r\n tourIframeContainer.classList.remove('active');\r\n}\r\nfunction toggleFullscreen() { if (!isFullscreen) enterFullscreen(); else exitFullscreen(); }\r\nfunction enterFullscreen() { var c = document.getElementById('tourIframeContainer'); if (c) { c.classList.add('fullscreen'); document.body.style.overflow = 'hidden'; isFullscreen = true; } }\r\nfunction exitFullscreen() { var c = document.getElementById('tourIframeContainer'); if (c) { c.classList.remove('fullscreen'); document.body.style.overflow = ''; isFullscreen = false; } }\r\ndocument.addEventListener('keydown', function(e) { if (e.key === 'Escape' && isFullscreen) exitFullscreen(); });\r\n<\/script>\r\n\r\n<!-- HubSpot Forms Loader -->\r\n<script>\r\n(function() {\r\n 'use strict';\r\n var CONFIG = {\r\n portalId: '47830887',\r\n formId: 'b36648ae-9c98-4c20-8375-9e6b61d8325d',\r\n region: 'na1'\r\n };\r\n var hubspotLoaded = false, hubspotLoading = false;\r\n function loadHubSpotScript(callback) {\r\n if (hubspotLoaded && typeof hbspt !== 'undefined') { if (callback) callback(); return; }\r\n if (hubspotLoading) {\r\n var checkInterval = setInterval(function() {\r\n if (hubspotLoaded && typeof hbspt !== 'undefined') { clearInterval(checkInterval); if (callback) callback(); }\r\n }, 100);\r\n return;\r\n }\r\n hubspotLoading = true;\r\n var script = document.createElement('script');\r\n script.type = 'text\/javascript'; script.charset = 'utf-8'; script.async = true;\r\n script.src = 'https:\/\/js.hsforms.net\/forms\/embed\/v2.js';\r\n script.onload = function() { hubspotLoaded = true; hubspotLoading = false; if (callback) callback(); };\r\n script.onerror = function() { hubspotLoading = false; setTimeout(function() { loadHubSpotScript(callback); }, 2000); };\r\n var firstScript = document.getElementsByTagName('script')[0];\r\n if (firstScript && firstScript.parentNode) firstScript.parentNode.insertBefore(script, firstScript);\r\n else document.head.appendChild(script);\r\n }\r\n var formsCreated = {};\r\n function createHubSpotForm(targetId) {\r\n if (formsCreated[targetId]) return;\r\n var targetEl = document.getElementById(targetId);\r\n if (!targetEl) return;\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() { formsCreated[targetId] = true; }\r\n });\r\n } catch (e) { console.error('Error creando formulario:', e); }\r\n }\r\n });\r\n }\r\n function init() {\r\n createHubSpotForm('hubspot-form-hero');\r\n createHubSpotForm('hubspot-form-footer');\r\n }\r\n if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\r\n else init();\r\n window.addEventListener('load', function() {\r\n setTimeout(function() {\r\n if (!formsCreated['hubspot-form-hero']) createHubSpotForm('hubspot-form-hero');\r\n if (!formsCreated['hubspot-form-footer']) createHubSpotForm('hubspot-form-footer');\r\n }, 500);\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: \"76d84df7-ee5f-4fb2-a5ce-d0d13392f301\",\r\n region: \"na1\",\r\n target: '#hubspotFormWrapper'\r\n });\r\n }\r\n \r\n \/\/ Funci\u00f3n para deshabilitar opciones rentadas dentro del iframe\r\n function disableRentedInIframe() {\r\n var iframe = document.querySelector('#hubspotFormWrapper iframe');\r\n if (iframe && iframe.contentDocument) {\r\n var selects = iframe.contentDocument.querySelectorAll('select');\r\n selects.forEach(function(select) {\r\n var options = select.querySelectorAll('option');\r\n options.forEach(function(option) {\r\n if (option.textContent.toLowerCase().indexOf('(todo rentado)') !== -1) {\r\n option.disabled = true;\r\n option.style.color = '#999';\r\n }\r\n });\r\n });\r\n }\r\n }\r\n \r\n \/\/ Funci\u00f3n para mostrar\/ocultar el formulario\r\n function toggleHubSpotFormCustom() {\r\n var formContainer = document.getElementById(\"hubspotFormContainerCustom\");\r\n formContainer.classList.toggle(\"visible-custom\");\r\n \r\n \/\/ Intentar deshabilitar opciones rentadas\r\n disableRentedInIframe();\r\n setTimeout(disableRentedInIframe, 500);\r\n setTimeout(disableRentedInIframe, 1000);\r\n setTimeout(disableRentedInIframe, 2000);\r\n }\r\n<\/script>\r\n\r\n<style>\r\n \/* Estilos para el bot\u00f3n flotante de WhatsApp *\/\r\n .whatsapp-button-custom {\r\n position: fixed !important;\r\n bottom: 20px !important;\r\n right: 20px !important;\r\n background-color: #25d366 !important;\r\n color: white !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n width: 60px !important;\r\n height: 60px !important;\r\n font-size: 0 !important;\r\n cursor: pointer !important;\r\n z-index: 999999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n box-shadow: 0px 4px 8px rgba(0,0,0,0.2) !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n transform: none !important;\r\n left: auto !important;\r\n top: auto !important;\r\n transition: opacity 0.3s ease, visibility 0.3s ease !important;\r\n }\r\n \r\n .whatsapp-button-custom::before {\r\n content: '' !important;\r\n display: block !important;\r\n width: 30px !important;\r\n height: 30px !important;\r\n background-image: url(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg\") !important;\r\n background-size: contain !important;\r\n background-repeat: no-repeat !important;\r\n background-position: center !important;\r\n }\r\n \r\n \/* Estilos para el contenedor del formulario *\/\r\n .hubspot-form-container-custom {\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.5s ease, visibility 0.5s ease !important;\r\n position: fixed !important;\r\n bottom: 90px !important;\r\n right: 20px !important;\r\n background-color: white !important;\r\n border: 1px solid #ddd !important;\r\n border-radius: 10px !important;\r\n padding: 25px !important;\r\n box-shadow: 0px 4px 8px rgba(0,0,0,0.2) !important;\r\n z-index: 999998 !important;\r\n width: 350px !important;\r\n max-width: calc(100vw - 40px) !important;\r\n pointer-events: none !important;\r\n max-height: 80vh !important;\r\n overflow-y: auto !important;\r\n margin: 0 !important;\r\n transform: none !important;\r\n left: auto !important;\r\n top: auto !important;\r\n }\r\n \r\n .hubspot-form-container-custom.visible-custom {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n pointer-events: all !important;\r\n }\r\n\r\n \/* Estilos para el t\u00edtulo *\/\r\n .hubspot-form-container-custom .titulo-custom {\r\n font-family: 'Bebas Neue', sans-serif !important;\r\n font-size: 35px !important;\r\n text-align: center !important;\r\n margin: 0 0 20px 0 !important;\r\n line-height: 1.2 !important;\r\n padding: 0 !important;\r\n }\r\n \r\n .hubspot-form-container-custom .hs-form {\r\n border: none !important;\r\n }\r\n\r\n \/* Responsive para m\u00f3viles *\/\r\n @media (max-width: 768px) {\r\n .whatsapp-button-custom {\r\n width: 50px !important;\r\n height: 50px !important;\r\n bottom: 15px !important;\r\n right: 15px !important;\r\n }\r\n \r\n .hubspot-form-container-custom {\r\n width: 90vw !important;\r\n right: 5vw !important;\r\n bottom: 75px !important;\r\n }\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Josefa by Urbanista \u2014 Departamentos en Renta Reforma CDMX sin Aval DONDE TU D\u00cdA FLUYE MEJOR, DESDE QUE DESPIERTAS Sobre Paseo de la Reforma Renta tu depa premium en Reforma desde: $28,930.00 * Precios y disponibilidad sujetos a cambios sin previo aviso con servicios, mantenimiento y m\u00e1s de 25 amenidades incluidas \u00daltimos studios y depas […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15958","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/15958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/comments?post=15958"}],"version-history":[{"count":22,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/15958\/revisions"}],"predecessor-version":[{"id":24335,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/15958\/revisions\/24335"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=15958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}