{"id":16056,"date":"2025-10-20T14:19:21","date_gmt":"2025-10-20T20:19:21","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=16056"},"modified":"2026-04-30T14:39:37","modified_gmt":"2026-04-30T20:39:37","slug":"renta_napoles","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/renta_napoles\/","title":{"rendered":"Amalia Landing"},"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\nAmalia by Urbanista \u2014 Departamentos en Renta N\u00e1poles WTC CDMX sin Aval<\/title>\r\n<meta name=\"description\" content=\"Departamentos y studios en renta en La N\u00e1poles a unos pasos del WTC, CDMX sin aval. Contratos a 12 meses con servicios incluidos, m\u00e1s de 15 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\/* 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 Pilares *\/\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% !important; height:100% !important; object-fit:cover !important; object-position:center !important; 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-badge.unavailable { background:#6b7c84; }\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:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/3ebfeae4-c09d-4e41-8c6d-75dc295188ee.jpg\" \r\n alt=\"Amalia 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\">RENTA TU DEPA PREMIUM<br>EN LA N\u00c1POLES<\/h3>\r\n <p class=\"descripcionwtc\">A unos pasos del WTC<\/p>\r\n <h1 class=\"hero-subtitle\">Desde: <b>$23,330.00<\/b><\/h1>\r\n <p>* Precios y disponibilidad sujetos a cambios sin previo aviso<\/p>\r\n <p class=\"servicioyman\">con servicios, mantenimiento, seguridad y <u>m\u00e1s de 15 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 hoy!<\/i><\/span>\r\n <\/div>\r\n <p class=\"hero-description\">\r\n <b>Un lugar que no te quita tiempo.<\/b><br>\r\n Si trabajas jornadas largas y no quieres perder horas en traslados, ruido o pendientes del depa, <b>Amalia by Urbanista<\/b> es para ti. Vives a unos pasos del WTC, llegas r\u00e1pido a casa y descansas en un entorno tranquilo. Aqu\u00ed te resolvemos arreglos y pendientes: la renta es simple y sin aval, con aislamiento ac\u00fastico, mantenimiento funcional, y seguridad 24\/7. M\u00e1s que cuatro paredes, es un depa bien ubicado y tranquilo que se adapta a tu rutina. Tu vida en CDMX, resuelta.\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 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<!-- Intro Section -->\r\n<section class=\"josefa-intro-section\">\r\n <div class=\"section-container\">\r\n <div class=\"josefa-intro-content\">\r\n <div class=\"josefa-intro-image\">\r\n <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/6012cd21-c03f-4344-b2ef-2b7584a2154c.jpg\" \r\n alt=\"Amalia 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>Imagina salir del trabajo y llegar r\u00e1pido a tu depa en minutos. Cerrar la puerta y tener calma, porque el ruido se queda afuera.<\/p>\r\n <p>Tu depa est\u00e1 listo para funcionar contigo: c\u00f3modo, con aislamiento ac\u00fastico y, si lo necesitas, amueblado para no perder tiempo en decisiones innecesarias. Aqu\u00ed todo est\u00e1 pensado para que descanses bien y tu semana fluya sin complicaci\u00f3n.<\/p>\r\n <p>Tienes todo al alcance: gym para descargarte, \u00e1rea cowork para concentrarte, y cuando necesitas bajar revoluciones, el sauna est\u00e1 ah\u00ed para ayudarte a recargar sin salir de tu rutina. <b>En Amalia by Urbanista,<\/b> en la N\u00e1poles, vives mejor: cerca del trabajo, con tranquilidad y con todo resuelto.<\/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 AMALIA 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 \u2014 Pilares -->\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:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/c24e9f1e-2769-4eed-beb9-7a9f082c8be1.jpg\" \r\n alt=\"Amalia 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>Ubicaci\u00f3n premium en La N\u00e1poles, a unos pasos del WTC<\/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\/o0a7QZocekQ?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 AMALIA 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:\/\/urbanista.mx\/wp-content\/uploads\/2026\/01\/709643cb-248a-4ef8-80b7-fd06cb651066.jpg\" alt=\"Terraza BBQ\" 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\/10\/DSC05812.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\/10\/DSC05882.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\/2025\/01\/20250108_114230-scaled.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:\/\/urbanista.mx\/wp-content\/uploads\/2024\/10\/DSC05785.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\/DSC06106.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 AMALIA 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 AMALIA 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:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/3a4c0e27-1d85-41a6-947a-3d1823299e67.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 de 2 rec\u00e1maras 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:\/\/urbanista.mx\/wp-content\/uploads\/2024\/10\/DSC05793.jpg\" alt=\"Estudio\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\">\r\n <div class=\"apartment-price\">Desde $23,330.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\/2025\/01\/20250108_113621-scaled.jpg\" alt=\"1 Rec\u00e1mara\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\">\r\n <div class=\"apartment-price\">Desde $30,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\/01\/20250108_114230-scaled.jpg\" alt=\"2 Rec\u00e1maras\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\">\r\n <div class=\"apartment-price\">Desde $39,630.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\">Departamento 2 Rec\u00e1maras<\/h3>\r\n <div class=\"apartment-features\">\r\n <div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>2 Rec\u00e1maras<\/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 15 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 15 amenidades en un solo lugar<\/p><div class=\"amenity-count\">+15<\/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. Insurgentes Sur, N\u00e1poles, Benito Ju\u00e1rez, Ciudad de M\u00e9xico, CDMX<\/p>\r\n <\/div>\r\n\r\n <div class=\"map-container\">\r\n <img loading=\"lazy\" src=\"https:\/\/mkt.urbanista.mx\/hubfs\/AMALIA-MAPA.jpg\" alt=\"Mapa de ubicaci\u00f3n AMALIA\" 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 DEPARTAMENTOS DISPONIBLES\r\n <\/div>\r\n \r\n <h1 class=\"final-cta-title\">\r\n \u00bfListo para mudarte?<br>\r\n <span class=\"highlight-text\">\u00a1No pierdas tu lugar!<\/span>\r\n <\/h1>\r\n <\/div>\r\n\r\n <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 AMALIA by Urbanista - Av. Insurgentes Sur, N\u00e1poles, Benito Ju\u00e1rez, CDMX<br>\r\n Vive la experiencia premium que mereces. MOVE IN. MOVE UP.\r\n <\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- Scripts UI -->\r\n<script>\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\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(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\/Amalia\/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<!-- ============================================\r\n SCRIPT PARA FORMULARIOS HUBSPOT - AMALIA\r\n ============================================ -->\r\n<script>\r\n(function() {\r\n 'use strict';\r\n \r\n var CONFIG = {\r\n portalId: '47830887',\r\n formId: '96d1f251-f481-484b-b838-2123e287d306',\r\n region: 'na1'\r\n };\r\n \r\n var hubspotLoaded = false;\r\n var hubspotLoading = false;\r\n \r\n function loadHubSpotScript(callback) {\r\n if (hubspotLoaded && typeof hbspt !== 'undefined') {\r\n if (callback) callback();\r\n return;\r\n }\r\n \r\n if (hubspotLoading) {\r\n var checkInterval = setInterval(function() {\r\n if (hubspotLoaded && typeof hbspt !== 'undefined') {\r\n clearInterval(checkInterval);\r\n if (callback) callback();\r\n }\r\n }, 100);\r\n return;\r\n }\r\n \r\n hubspotLoading = true;\r\n \r\n var script = document.createElement('script');\r\n script.type = 'text\/javascript';\r\n script.charset = 'utf-8';\r\n script.async = true;\r\n script.src = 'https:\/\/js.hsforms.net\/forms\/embed\/v2.js';\r\n \r\n script.onload = function() {\r\n hubspotLoaded = true;\r\n hubspotLoading = false;\r\n if (callback) callback();\r\n };\r\n \r\n script.onerror = function() {\r\n hubspotLoading = false;\r\n console.error('Error al cargar HubSpot Forms');\r\n setTimeout(function() {\r\n loadHubSpotScript(callback);\r\n }, 2000);\r\n };\r\n \r\n var firstScript = document.getElementsByTagName('script')[0];\r\n if (firstScript && firstScript.parentNode) {\r\n firstScript.parentNode.insertBefore(script, firstScript);\r\n } else {\r\n document.head.appendChild(script);\r\n }\r\n }\r\n \r\n var formsCreated = {};\r\n \r\n function createHubSpotForm(targetId) {\r\n if (formsCreated[targetId]) return;\r\n \r\n var targetEl = document.getElementById(targetId);\r\n if (!targetEl) return;\r\n \r\n loadHubSpotScript(function() {\r\n if (typeof hbspt !== 'undefined' && hbspt.forms) {\r\n try {\r\n hbspt.forms.create({\r\n portalId: CONFIG.portalId,\r\n formId: CONFIG.formId,\r\n region: CONFIG.region,\r\n target: '#' + targetId,\r\n onFormReady: function() {\r\n formsCreated[targetId] = true;\r\n }\r\n });\r\n } catch (e) {\r\n console.error('Error creando formulario:', e);\r\n }\r\n }\r\n });\r\n }\r\n \r\n function init() {\r\n createHubSpotForm('hubspot-form-hero');\r\n createHubSpotForm('hubspot-form-footer');\r\n }\r\n \r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', init);\r\n } else {\r\n init();\r\n }\r\n \r\n window.addEventListener('load', function() {\r\n setTimeout(function() {\r\n if (!formsCreated['hubspot-form-hero']) {\r\n createHubSpotForm('hubspot-form-hero');\r\n }\r\n if (!formsCreated['hubspot-form-footer']) {\r\n createHubSpotForm('hubspot-form-footer');\r\n }\r\n }, 500);\r\n });\r\n \r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ddc24 elementor-widget elementor-widget-html\" data-id=\"c0ddc24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Bot\u00f3n flotante de WhatsApp (oculto inicialmente) -->\r\n<button class=\"whatsapp-button-custom\" onclick=\"toggleHubSpotFormCustom()\" id=\"whatsappBtnCustom\" style=\"opacity: 0; visibility: hidden;\"><\/button> \r\n\r\n<!-- Contenedor del formulario HubSpot (oculto inicialmente) -->\r\n<div class=\"hubspot-form-container-custom\" id=\"hubspotFormContainerCustom\" style=\"display: none;\">\r\n <p class=\"titulo-custom\">Cont\u00e1ctanos por Whatsapp<\/p>\r\n <div id=\"hubspotFormWrapper\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Mover elementos fuera del contenedor de Elementor\r\n (function() {\r\n var btn = document.getElementById('whatsappBtnCustom');\r\n var formContainer = document.getElementById('hubspotFormContainerCustom');\r\n \r\n if (btn && formContainer) {\r\n document.body.appendChild(btn);\r\n document.body.appendChild(formContainer);\r\n \r\n \/\/ Mostrar el bot\u00f3n despu\u00e9s de moverlo\r\n setTimeout(function() {\r\n btn.style.opacity = '1';\r\n btn.style.visibility = 'visible';\r\n formContainer.style.display = 'block';\r\n }, 100);\r\n }\r\n \r\n \/\/ Cargar formulario HubSpot despu\u00e9s de mover el contenedor\r\n if (typeof hbspt !== 'undefined') {\r\n loadHubSpotForm();\r\n } else {\r\n var script = document.createElement('script');\r\n script.src = '\/\/js.hsforms.net\/forms\/embed\/v2.js';\r\n script.charset = 'utf-8';\r\n script.onload = function() {\r\n loadHubSpotForm();\r\n };\r\n document.head.appendChild(script);\r\n }\r\n })();\r\n \r\n function loadHubSpotForm() {\r\n hbspt.forms.create({\r\n portalId: \"47830887\",\r\n formId: \"b81d6a40-b752-46d6-8161-c0502fd1a358\",\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>Amalia by Urbanista \u2014 Departamentos en Renta N\u00e1poles WTC CDMX sin Aval RENTA TU DEPA PREMIUMEN LA N\u00c1POLES A unos pasos del WTC Desde: $23,330.00 * Precios y disponibilidad sujetos a cambios sin previo aviso con servicios, mantenimiento, seguridad y m\u00e1s de 15 amenidades incluidas \u00daltimos studios y depas de 1 rec\u00e1mara AGENDAR TOUR \u00a15 […]<\/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-16056","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/16056","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=16056"}],"version-history":[{"count":12,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/16056\/revisions"}],"predecessor-version":[{"id":24342,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/16056\/revisions\/24342"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=16056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}