Joaquina by Urbanista \u2014 Departamentos en Renta Del Valle CDMX sin Aval<\/title>\n<meta name=\"description\" content=\"Departamentos y studios en renta en Del Valle, CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h.\">\n<link rel=\"icon\" type=\"image\/webp\" href=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\">\n<meta name=\"theme-color\" content=\"#004e64\">\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-5Q1N1P5KTY\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-5Q1N1P5KTY');\n<\/script>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/js.hsforms.net\">\n<link rel=\"preconnect\" href=\"https:\/\/urbanista.mx\">\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\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n:root {\n --blue: #004e64;\n --blue-dark: #003847;\n --blue-deeper: #002a36;\n --blue-light: #0a7e8c;\n --blue-pale: #e8f4f8;\n --accent: #00b4d8;\n --accent-glow: rgba(0,180,216,0.3);\n --white: #ffffff;\n --off-white: #f5f9fa;\n --text-dark: #1a2a30;\n --text-mid: #4a6670;\n --text-light: #7a9aa5;\n --transition: cubic-bezier(0.16,1,0.3,1);\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior:smooth; overflow-x:hidden; }\nbody {\n font-family:'DM Sans', sans-serif;\n font-weight:400;\n font-size:16px;\n background:var(--white);\n color:var(--text-dark);\n overflow-x:hidden;\n -webkit-font-smoothing:antialiased;\n}\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; }\n@keyframes fadeUp { to { opacity:1; transform:translateY(0); } }\n@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(1.5); } }\n@keyframes float { 0%,100% { transform:translate(0,0); } 50% { transform:translate(30px,-30px); } }\n@keyframes shimmer { 0% { background-position:-200% 0; } 100% { background-position:200% 0; } }\n\n\/* HERO *\/\n.hero { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:var(--blue-deeper); }\n.hero-bg-container { position:absolute; inset:0; z-index:0; }\n.hero-bg-container img { width:100%; height:100%; object-fit:cover; }\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%); }\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; }\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; }\n.hero-content { position:relative; z-index:2; max-width:1300px; width:100%; margin:0 auto; padding:140px 48px 80px; display:grid; grid-template-columns:1fr 420px; gap:60px; align-items:center; }\n.hero-text { color:var(--white); }\n.hero-logo { margin-bottom:20px; }\n.hero-logo img {filter:brightness(0) invert(1); }\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; }\n.descripcionwtc { font-size:20px; color:var(--accent); font-weight:600; letter-spacing:1px; margin-bottom:12px; }\n.hero-subtitle { font-family:'Bebas Neue', sans-serif; font-size:clamp(44px, 6vw, 76px); color:var(--white); line-height:1; margin-bottom:4px; }\n.hero-subtitle b { color:var(--accent); position:relative; }\n.servicioyman { font-size:16px; color:rgba(255,255,255,.65); margin-bottom:16px; line-height:1.5; }\n.disponibilidad1 { 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:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); font-weight:700; margin-bottom:20px; }\n.hero-price-section { margin-bottom:12px; }\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); }\n.hero-badge:hover { transform:translateY(-3px); box-shadow:0 14px 44px rgba(0,180,216,.45); }\n.hero-badge i { font-size:18px; }\n.hero-notificacion { font-size:14px; color:rgba(255,255,255,.5); margin-bottom:20px; font-style:italic; }\n.hero-description { font-size:16px; color:rgba(255,255,255,.7); line-height:1.65; margin-bottom:24px; max-width:560px; }\n.hero-description b { color:var(--white); }\n.hero-features { display:flex; gap:20px; flex-wrap:wrap; }\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; }\n.hero-feature:hover { border-color:var(--accent); background:rgba(0,180,216,.1); }\n.hero-feature i { color:var(--accent); font-size:14px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO FORM \u2014 BLANCO Y LLAMATIVO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero-form-container { position:relative; }\n\n\/* Badge superior: azul oscuro con acento *\/\n.form-top-badge {\n background: linear-gradient(135deg, var(--blue-deeper), var(--blue));\n color: var(--white);\n text-align: center;\n padding: 14px 20px;\n border-radius: 16px 16px 0 0;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-transform: uppercase;\n}\n.form-top-badge i { color: var(--accent); }\n\n\/* Form blanco, limpio, con sombra prominente *\/\n.hero-form {\n background: #ffffff;\n border: none;\n border-radius: 0 0 20px 20px;\n padding: 32px 28px 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 24px 70px rgba(0,42,54,0.45), 0 8px 24px rgba(0,180,216,0.18);\n}\n\n\/* Barra de color en la parte superior del form blanco *\/\n.hero-form::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--accent), var(--blue-light));\n}\n\n\/* T\u00edtulo interno del form *\/\n.form-internal-badge {\n text-align: center;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 28px;\n letter-spacing: 3px;\n color: var(--blue);\n margin-bottom: 6px;\n}\n\n\/* Subt\u00edtulo descriptivo debajo del t\u00edtulo *\/\n.form-internal-sub {\n text-align: center;\n font-size: 13px;\n color: var(--text-mid);\n margin-bottom: 22px;\n font-weight: 500;\n}\n\n\/* Labels *\/\n.hero-form .hs-form { display:flex !important; flex-direction:column !important; gap:0 !important; }\n.hero-form .hs-form-field { padding:0 !important; margin-bottom:14px !important; border:none !important; }\n.hero-form .hs-form-field > label {\n display: block !important;\n font-size: 11px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--blue) !important;\n margin-bottom: 6px !important;\n font-family: 'DM Sans', sans-serif !important;\n}\n.hero-form .hs-form-field > label span { font-size:11px !important; color:var(--blue) !important; }\n\n\/* Inputs sobre fondo blanco *\/\n.hero-form .hs-form-field .hs-input,\n.hero-form .hs-form-field input.hs-input,\n.hero-form .hs-form-field select.hs-input {\n width: 100% !important;\n background: #f4f8fa !important;\n border: 1.5px solid #d0e4ec !important;\n border-radius: 12px !important;\n padding: 13px 16px !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 15px !important;\n color: var(--text-dark) !important;\n transition: border-color .3s, background .3s, box-shadow .3s !important;\n outline: none !important;\n box-sizing: border-box !important;\n}\n.hero-form .hs-form-field .hs-input:focus {\n border-color: var(--accent) !important;\n background: #edf8fd !important;\n box-shadow: 0 0 0 3px rgba(0,180,216,0.15) !important;\n}\n.hero-form .hs-form-field .hs-input::placeholder { color: #9ab8c4 !important; }\n.hero-form .hs-form-field select.hs-input option { color: var(--text-dark) !important; background-color: var(--white) !important; }\n\n\/* Tel\u00e9fono *\/\n.hero-form .hs-fieldtype-intl-phone { display:flex !important; gap:10px !important; }\n.hero-form .hs-fieldtype-intl-phone select.hs-input { width:auto !important; min-width:90px !important; max-width:120px !important; flex-shrink:0 !important; }\n.hero-form .hs-fieldtype-intl-phone input.hs-input { flex:1 !important; }\n.hero-form .hs-form-required { color: var(--accent) !important; }\n\n\/* Bot\u00f3n submit *\/\n.hero-form .hs-submit { margin-top: 6px !important; }\n.hero-form .hs-button {\n width: 100% !important;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%) !important;\n color: var(--white) !important;\n border: none !important;\n padding: 18px 32px !important;\n border-radius: 14px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 22px !important;\n letter-spacing: 4px !important;\n cursor: pointer !important;\n transition: all .4s var(--transition) !important;\n text-transform: uppercase !important;\n box-shadow: 0 8px 28px rgba(0,78,100,0.3) !important;\n}\n.hero-form .hs-button:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 14px 40px rgba(0,78,100,0.45) !important;\n}\n\n\/* Errores *\/\n.hero-form .hs-error-msgs { color: #e53e3e !important; font-size: 13px !important; margin-top: 6px !important; list-style: none !important; padding: 0 !important; }\n\n\/* Aviso legal *\/\n.hero-form .legal-consent-container { font-size:12px !important; color: var(--text-light) !important; margin-top:8px !important; }\n.hero-form .legal-consent-container a { color: var(--accent) !important; }\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; }\n.hero-form .legal-consent-container input[type=checkbox] { accent-color: var(--accent) !important; }\n\n\/* Nota de seguridad dentro del form hero *\/\n.form-security-note {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n font-size: 12px;\n color: var(--text-light);\n margin-top: 14px;\n}\n.form-security-note i { color: var(--accent); font-size: 11px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESTO DE SECCIONES (sin cambios)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* SECTIONS SHARED *\/\n.section-container { max-width:1200px; margin:0 auto; padding:0 24px; }\n.section-header { text-align:center; margin-bottom:60px; }\n.section-badge { display:inline-block; font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }\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; }\n.section-subtitle { font-size:18px; color:var(--text-mid); line-height:1.6; max-width:600px; margin:0 auto; }\n\n\/* JOSEFA INTRO *\/\n.josefa-intro-section { padding:100px 0; background:var(--off-white); }\n.josefa-intro-content { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:60px; }\n.josefa-intro-image { border-radius:20px; overflow:hidden; position:relative; }\n.josefa-intro-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s var(--transition); }\n.josefa-intro-image:hover img { transform:scale(1.03); }\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; }\n.josefa-intro-text p { font-size:17px; color:var(--text-mid); line-height:1.7; }\n.josefa-intro-text b { color:var(--blue); }\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; }\n.testimonials-mini { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }\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; }\n.testimonial-item:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,78,100,.1); border-color:rgba(0,180,216,.2); }\n.testimonial-item .stars { color:#f59e0b; font-size:18px; margin-bottom:12px; }\n.testimonial-item p { font-size:15px; color:var(--text-mid); line-height:1.6; margin-bottom:10px; font-style:italic; }\n.testimonial-item span { font-size:13px; color:var(--text-light); font-weight:600; }\n\n\/* FEATURES *\/\n.features-section { padding:100px 0; background:var(--white); position:relative; overflow:hidden; }\n.features-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; }\n.features-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }\n.feature-card { background:var(--off-white); border:1px solid rgba(0,78,100,.08); border-radius:20px; padding:40px 28px; text-align:center; position:relative; overflow:hidden; transition:all .4s var(--transition); }\n.feature-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); }\n.feature-card:hover::before { transform:scaleX(1); }\n.feature-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,78,100,.12); border-color:rgba(0,180,216,.2); }\n.feature-icon { width:64px; height:64px; background:rgba(0,180,216,.1); border-radius:16px; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; transition:all .4s; }\n.feature-card:hover .feature-icon { background:var(--accent); }\n.feature-icon i { font-size:24px; color:var(--accent); transition:color .4s; }\n.feature-card:hover .feature-icon i { color:var(--white); }\n.feature-title { font-family:'Bebas Neue', sans-serif; font-size:26px; letter-spacing:2px; color:var(--blue); margin-bottom:10px; }\n.feature-description { font-size:15px; color:var(--text-mid); line-height:1.6; }\n\n\/* ABOUT *\/\n.about-section { padding:100px 0; background:var(--blue-deeper); color:var(--white); position:relative; overflow:hidden; }\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; }\n.about-content { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }\n.about-image { border-radius:20px; overflow:hidden; }\n.about-image img { width:100%; display:block; transition:transform .6s; }\n.about-image:hover img { transform:scale(1.03); }\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; }\n.about-features { display:flex; flex-direction:column; gap:14px; }\n.about-feature { display:flex; align-items:flex-start; gap:12px; padding:12px 16px; border-radius:12px; transition:background .3s; }\n.about-feature:hover { background:rgba(255,255,255,.05); }\n.about-feature i { color:var(--accent); margin-top:3px; font-size:16px; }\n.about-feature span { font-size:16px; color:rgba(255,255,255,.75); line-height:1.5; }\n\n\/* VIDEO *\/\n.video-section { padding:80px 0; background:var(--off-white); }\n.video-section .section-header { text-align:center; margin-bottom:0; }\n.video-section iframe { width:100%; max-width:800px; aspect-ratio:16\/9; border-radius:20px; box-shadow:0 20px 60px rgba(0,78,100,.15); }\n\n\/* GALLERY *\/\n.gallery-section { padding:100px 0; background:var(--white); }\n.gallery-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }\n.gallery-item { border-radius:16px; overflow:hidden; position:relative; }\n.gallery-item img { width:100%; height:auto; display:block; transition:transform .6s var(--transition); }\n.gallery-item:hover img { transform:scale(1.05); }\n\n\/* VIRTUAL TOUR *\/\n.virtual-tour-section { padding:100px 0; background:var(--blue-deeper); color:var(--white); }\n.virtual-tour-section .section-title { color:var(--white); }\n.virtual-tour-section .section-subtitle { color:rgba(255,255,255,.55); }\n.tour-container { max-width:900px; margin:0 auto 50px; border-radius:20px; overflow:hidden; position:relative; }\n.tour-preview { display:flex; align-items:center; justify-content:center; min-height:400px; position:relative; cursor:pointer; }\n.tour-preview-bg { position:absolute; inset:0; }\n.tour-preview-bg img { width:100%; height:100%; object-fit:cover; filter:brightness(.5); }\n.tour-preview-content { position:relative; z-index:2; text-align:center; padding:40px; }\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; }\n.tour-icon i { font-size:32px; color:var(--accent); }\n.tour-preview-content h3 { font-family:'Bebas Neue', sans-serif; font-size:34px; letter-spacing:3px; margin-bottom:8px; }\n.tour-preview-content p { font-size:16px; color:rgba(255,255,255,.6); margin-bottom:24px; }\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); }\n.tour-btn:hover { transform:translateY(-3px); box-shadow:0 14px 44px var(--accent-glow); }\n.tour-iframe-container { display:none; position:relative; min-height:500px; background:#000; border-radius:20px; overflow:hidden; }\n.tour-iframe-container.active { display:block; }\n.tour-iframe-container.fullscreen { position:fixed; inset:0; z-index:10000; border-radius:0; min-height:100vh; }\n.tour-iframe-container iframe { width:100%; height:500px; border:none; }\n.tour-iframe-container.fullscreen iframe { height:100vh; }\n.tour-controls { position:absolute; top:16px; right:16px; z-index:10; display:flex; gap:8px; }\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; }\n.tour-control-btn:hover { background:var(--accent); border-color:var(--accent); }\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; }\n.tour-loading.hidden { display:none; }\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; }\n@keyframes spin { to { transform:rotate(360deg); } }\n.tour-loading p { color:rgba(255,255,255,.6); font-size:15px; }\n.tour-benefits { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; max-width:900px; margin:0 auto; }\n.tour-benefit { text-align:center; padding:24px; }\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; }\n.benefit-icon i { font-size:20px; color:var(--accent); }\n.tour-benefit h4 { font-size:17px; color:var(--white); font-weight:700; margin-bottom:6px; }\n.tour-benefit p { font-size:14px; color:rgba(255,255,255,.45); line-height:1.5; }\n\n\/* APARTMENTS *\/\n.apartments-section { padding:100px 0; background:var(--off-white); }\n.apartments-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }\n.apartment-card { border-radius:20px; overflow:hidden; background:var(--white); border:1px solid rgba(0,78,100,.08); transition:all .4s var(--transition); }\n.apartment-card:hover { transform:translateY(-8px); box-shadow:0 20px 60px rgba(0,78,100,.15); border-color:rgba(0,180,216,.2); }\n.apartment-card.featured { border-color:var(--accent); box-shadow:0 8px 30px rgba(0,180,216,.15); }\n.apartment-image { position:relative; aspect-ratio:16\/10; overflow:hidden; }\n.apartment-image img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }\n.apartment-card:hover .apartment-image img { transform:scale(1.06); }\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; }\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; }\n.apartment-badge.popular { background:linear-gradient(135deg, #f59e0b, #ef4444); }\n.apartment-badge.premium { background:linear-gradient(135deg, var(--blue), var(--blue-dark)); }\n.apartment-content { padding:24px; }\n.apartment-title { font-family:'Bebas Neue', sans-serif; font-size:24px; letter-spacing:2px; color:var(--blue); margin-bottom:14px; }\n.apartment-features { display:flex; gap:16px; margin-bottom:14px; flex-wrap:wrap; }\n.apartment-feature { display:flex; align-items:center; gap:6px; font-size:14px; color:var(--text-mid); }\n.apartment-feature i { color:var(--accent); font-size:14px; }\n.apartment-description { font-size:15px; color:var(--text-mid); line-height:1.6; }\n\n\/* AMENITIES *\/\n.amenities-section { padding:100px 0; background:var(--white); }\n.amenities-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }\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); }\n.amenity-card:hover { transform:translateY(-6px); box-shadow:0 16px 48px rgba(0,78,100,.1); border-color:rgba(0,180,216,.2); }\n.amenity-card.featured { background:var(--off-white); }\n.amenity-card.premium { background:linear-gradient(135deg, var(--blue-deeper), var(--blue)); border-color:rgba(0,180,216,.3); }\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; }\n.amenity-icon i { font-size:22px; color:var(--accent); }\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; }\n.amenity-icon-special i { font-size:22px; color:var(--white); }\n.amenity-title { font-family:'Bebas Neue', sans-serif; font-size:24px; letter-spacing:1.5px; color:var(--blue); margin-bottom:8px; }\n.amenity-card.premium .amenity-title { color:var(--white); }\n.amenity-description { font-size:14px; color:var(--text-mid); line-height:1.5; }\n.amenity-card.premium .amenity-description { color:rgba(255,255,255,.6); }\n.amenity-count { font-family:'Bebas Neue', sans-serif; font-size:48px; color:var(--accent); margin-top:8px; }\n\n\/* MAP *\/\n.map-section { padding:80px 0; background:var(--off-white); }\n.map-container { max-width:800px; margin:0 auto; border-radius:20px; overflow:hidden; position:relative; }\n.map-container img { width:100%; display:block; }\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; }\n.map-container:hover .map-overlay { opacity:1; }\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); }\n.map-btn:hover { transform:translateY(-2px); box-shadow:0 12px 40px var(--accent-glow); }\n\n\/* FINAL CTA *\/\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; }\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%); }\n.final-cta-header { text-align:center; margin-bottom:48px; position:relative; z-index:2; }\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; }\n.final-cta-title { font-family:'Bebas Neue', sans-serif; font-size:clamp(42px, 6vw, 76px); line-height:1; letter-spacing:2px; }\n.highlight-text { color:var(--accent); }\n.final-form-section { max-width:560px; margin:0 auto; position:relative; z-index:2; }\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; }\n.final-form-container::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--accent), var(--blue-light)); }\n.form-header h3 { font-family:'Bebas Neue', sans-serif; font-size:30px; letter-spacing:3px; text-align:center; margin-bottom:24px; }\n.final-form-container .hs-form { display:flex !important; flex-direction:column !important; gap:0 !important; }\n.final-form-container .hs-form-field { padding:0 !important; margin-bottom:16px !important; border:none !important; }\n.final-form-container .hs-form-field > label { display:block !important; font-size:11px !important; font-weight:700 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:var(--accent) !important; margin-bottom:6px !important; font-family:'DM Sans', sans-serif !important; }\n.final-form-container .hs-form-field > label span { font-size:11px !important; color:var(--accent) !important; }\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,.06) !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; padding:14px 18px !important; font-family:'DM Sans', sans-serif !important; font-size:16px !important; color:var(--white) !important; transition:border-color .3s ease, background .3s ease !important; outline:none !important; box-sizing:border-box !important; }\n.final-form-container .hs-form-field .hs-input:focus { border-color:var(--accent) !important; background:rgba(0,180,216,.06) !important; }\n.final-form-container .hs-form-field .hs-input::placeholder { color:rgba(255,255,255,.35) !important; }\n.final-form-container .hs-form-field select.hs-input option { color:var(--text-dark) !important; background-color:var(--white) !important; }\n.final-form-container .hs-fieldtype-intl-phone { display:flex !important; gap:10px !important; }\n.final-form-container .hs-fieldtype-intl-phone select.hs-input { width:auto !important; min-width:90px !important; max-width:120px !important; flex-shrink:0 !important; }\n.final-form-container .hs-fieldtype-intl-phone input.hs-input { flex:1 !important; }\n.final-form-container .hs-form-required { color:var(--accent) !important; }\n.final-form-container .hs-submit { margin-top:4px !important; }\n.final-form-container .hs-button { width:100% !important; background:linear-gradient(135deg, var(--accent), var(--blue-light)) !important; color:var(--white) !important; border:none !important; padding:18px 32px !important; border-radius:14px !important; font-family:'Bebas Neue', sans-serif !important; font-size:22px !important; letter-spacing:4px !important; cursor:pointer !important; transition:all .4s var(--transition) !important; text-transform:uppercase !important; }\n.final-form-container .hs-button:hover { transform:translateY(-2px) !important; box-shadow:0 12px 36px rgba(0,180,216,.4) !important; }\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; }\n.final-form-container .legal-consent-container { font-size:12px !important; color:rgba(255,255,255,.4) !important; margin-top:8px !important; }\n.final-form-container .legal-consent-container a { color:var(--accent) !important; }\n.final-form-container .legal-consent-container label { font-size:13px !important; color:rgba(255,255,255,.45) !important; display:flex !important; align-items:flex-start !important; gap:10px !important; cursor:pointer !important; }\n.final-form-container .legal-consent-container input[type=checkbox] { accent-color:var(--accent) !important; }\n.form-footer { margin-top:24px; }\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; }\n.security-note i { color:var(--accent); }\n.alternative-contact { text-align:center; }\n.alternative-contact p { font-size:14px; color:rgba(255,255,255,.5); margin-bottom:10px; }\n.btn-whatsapp { display:inline-flex; align-items:center; gap:10px; background:#25D366; color:var(--white); padding:14px 32px; border-radius:100px; border:none; font-family:'Bebas Neue', sans-serif; font-size:20px; letter-spacing:2px; cursor:pointer; transition:all .3s; box-shadow:0 6px 20px rgba(37,211,102,.3); }\n.btn-whatsapp:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(37,211,102,.5); }\n\n\/* FOOTER *\/\n.footer { padding:40px 48px; background:var(--blue-deeper); border-top:1px solid rgba(255,255,255,.05); text-align:center; }\n.footer-logo { filter:brightness(0) invert(1); margin-bottom:12px; }\n.footer-text { font-size:14px; color:rgba(255,255,255,.4); line-height:1.6; }\n\n\/* WHATSAPP FLOAT *\/\n.wa-float { position:fixed; bottom:28px; right:28px; z-index:900; width:60px; height:60px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(37,211,102,.3); transition:transform .3s, box-shadow .3s; cursor:pointer; text-decoration:none; }\n.wa-float:hover { transform:scale(1.1); box-shadow:0 6px 30px rgba(37,211,102,.5); }\n.wa-float i { font-size:28px; color:white; }\n\n\/* RESPONSIVE *\/\n@media (max-width:1024px) {\n .hero-content { grid-template-columns:1fr; padding:120px 24px 60px; gap:40px; }\n .hero-form-container { max-width:480px; }\n .josefa-intro-content { grid-template-columns:1fr; gap:40px; }\n .features-grid { grid-template-columns:1fr; }\n .about-content { grid-template-columns:1fr; }\n .apartments-grid { grid-template-columns:1fr; }\n .amenities-grid { grid-template-columns:repeat(2, 1fr); }\n .gallery-grid { grid-template-columns:repeat(2, 1fr); }\n .testimonials-mini { grid-template-columns:1fr; }\n .tour-benefits { grid-template-columns:1fr; gap:12px; }\n}\n@media (max-width:640px) {\n .hero-content { padding:100px 16px 40px; }\n .section-container { padding:0 16px; }\n .hero-features { flex-direction:column; }\n .amenities-grid { grid-template-columns:1fr; }\n .gallery-grid { grid-template-columns:1fr; }\n .footer { padding:30px 16px; }\n .final-form-container { padding:24px 20px; }\n .hero-form { padding:20px; }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n<section class=\"hero\">\n <div class=\"hero-bg-container\">\n <img src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/Joaquina-By-Urbanista.png\" alt=\"Joaquina Building\" fetchpriority=\"high\" decoding=\"async\">\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-logo\">\n <img fetchpriority=\"high\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\" alt=\"Urbanista Logo\" fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"75\">\n <\/div>\n <h3 class=\"hero-title\">RENTA TU DEPA PREMIUM<br> EN DEL VALLE<\/h3>\n <p class=\"descripcionwtc\">A unos pasos de Av. Insurgentes Sur<\/p>\n <h1 class=\"hero-subtitle\">Dos rec\u00e1maras desde: <b>$29,830 <\/b><\/h1>\n <p>* Precios y disponibilidad sujetos a cambios sin previo aviso <\/p>\n <p class=\"servicioyman\">con servicios, mantenimiento, seguridad y <u>m\u00e1s de 10 amenidades<\/u> incluidas<\/p>\n <p class=\"disponibilidad1\">\u00daltimos studios y depas de 1 rec\u00e1mara<\/p>\n <div class=\"hero-price-section\">\n <a href=\"#hubspot-form-footer\" class=\"hero-badge\" style=\"text-decoration:none;\">\n <i class=\"fas fa-home\"><\/i> AGENDAR TOUR\n <\/a>\n <\/div>\n <div class=\"hero-notificacion\">\n <span><i>\u00a1<span id=\"tour-notification-number\">5<\/span> personas han agendado tour hoy!<\/i><\/span>\n <\/div>\n <p class=\"hero-description\">\n <b>Un lugar que no te quita tiempo.<\/b><br>\nSi trabajas jornadas largas y no quieres perder horas en traslados, ruido o pendientes del depa, <b>Joaquina by Urbanista<\/b> es para ti. Vives a unos pasos de Av. Insurgentes Sur, cerca 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.\n <\/p>\n <div class=\"hero-features\">\n <div class=\"hero-feature\"><i class=\"fas fa-handshake\"><\/i><span>RENTA SIN AVAL<\/span><\/div>\n <div class=\"hero-feature\"><i class=\"fas fa-calendar-check\"><\/i><span><u>Renta m\u00ednima por 12 meses<\/u><\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-form-container\" id=\"FORM\">\n <div class=\"form-top-badge\"><i class=\"fas fa-star\"><\/i> \u00daLTIMOS DEPARTAMENTOS DISPONIBLES<\/div>\n <div class=\"hero-form\">\n <div class=\"form-internal-badge\">AGENDA UN TOUR<\/div>\n <p class=\"form-internal-sub\">Confirmaci\u00f3n en menos de 24 horas \u00b7 Sin aval<\/p>\n <div class=\"form-placeholder\"><div id=\"hubspot-form-hero\"><\/div><\/div>\n <div class=\"form-security-note\">\n <i class=\"fas fa-lock\"><\/i>\n <span>Tus datos est\u00e1n 100% protegidos<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"josefa-intro-section\">\n <div class=\"section-container\">\n <div class=\"josefa-intro-content\">\n <div class=\"josefa-intro-image\">\n <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-area-social.jpg-scaled.webp\" alt=\"Joaquina by Urbanista - Departamentos en Renta Del Valle CDMX\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\">\n <\/div>\n <div class=\"josefa-intro-text\">\n <h2>Todo lo que usas a diario, a unos pasos de TU DEPA<\/h2>\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.<br>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.<br><br>Tienes todo al alcance: gym para descargarte, \u00e1rea cowork para concentrarte, cuando necesitas bajar revoluciones, el sauna est\u00e1 ah\u00ed para ayudarte a recargar sin salir de tu rutina.<b> En Joaquina by Urbanista, <\/b>en Del Valle, vives mejor: cerca del trabajo, con tranquilidad y con todo resuelto.<\/p>\n <\/div>\n <\/div>\n <div class=\"social-proof-section\">\n <h4>Lo que dicen nuestros residentes:<\/h4>\n <div class=\"testimonials-mini\">\n <div class=\"testimonial-item\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>“El proceso fue s\u00faper f\u00e1cil y r\u00e1pido. En 2 d\u00edas ya ten\u00eda las llaves”<\/p><span>– Mar\u00eda Gonz\u00e1lez<\/span><\/div>\n <div class=\"testimonial-item\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>“Sin aval real, excelente ubicaci\u00f3n y amenidades incre\u00edbles”<\/p><span>– Carlos M\u00e9ndez<\/span><\/div>\n <div class=\"testimonial-item\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>“La mejor decisi\u00f3n que tom\u00e9. Recomiendo JOAQUINA 100%”<\/p><span>– Ana Rodr\u00edguez<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"features-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">\u00bfPor qu\u00e9 elegir JOAQUINA?<\/div>\n <h2 class=\"section-title\">RENTA DEPARTAMENTO SIN PERDER EL TIEMPO<\/h2>\n <p class=\"section-subtitle\">Proceso simple, r\u00e1pido y sin complicaciones para que puedas mudarte lo antes posible.<\/p>\n <\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card\"><div class=\"feature-icon\"><i class=\"fas fa-handshake\"><\/i><\/div><h3 class=\"feature-title\">NO NECESITAS AVAL<\/h3><p class=\"feature-description\">El proceso de renta de departamentos se aprueba en menos de 24 horas. Sin complicaciones, sin garant\u00edas adicionales.<\/p><\/div>\n <div class=\"feature-card\"><div class=\"feature-icon\"><i class=\"fas fa-couch\"><\/i><\/div><h3 class=\"feature-title\">ELIGE DEPA AMUEBLADO<\/h3><p class=\"feature-description\">Puedes elegir entre departamentos amueblados con un costo extra o sin amueblar, seg\u00fan tus necesidades y presupuesto.<\/p><\/div>\n <div class=\"feature-card\"><div class=\"feature-icon\"><i class=\"fas fa-clock\"><\/i><\/div><h3 class=\"feature-title\">MUDATE EN POCO TIEMPO<\/h3><p class=\"feature-description\">Nuestros contratos son flexibles a partir de 12 meses. Proceso r\u00e1pido para que te mudes cuando lo necesites.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"about-section\">\n <div class=\"section-container\">\n <div class=\"about-content\">\n <div class=\"about-image\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-gaming-zone.jpg-scaled.webp\" alt=\"Joaquina Interior\" loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"300\"><\/div>\n <div class=\"about-text\">\n <h2>RENTA DEPARTAMENTO EN CDMX<\/h2>\n <div class=\"about-features\">\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>\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>\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Ubicaciones premium en las mejores zonas de CDMX<\/span><\/div>\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Departamentos modernos con terrazas y vistas \u00fanicas<\/span><\/div>\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>\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>\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Cocina integral y centro de lavado incluido.<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"video-section\" id=\"video\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/LqaV_qd5UwY?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>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"gallery-section\" id=\"gallery\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">Galer\u00eda de Espacios<\/div>\n <h3 class=\"section-title\">Conoce ahora tu nuevo departamento<\/h3>\n <p class=\"section-subtitle\">Descubre cada rinc\u00f3n de JOAQUINA y enam\u00f3rate de tu pr\u00f3ximo hogar<\/p>\n <\/div>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-cabina.jpg-scaled.webp\" alt=\"Joaquina Amenidades\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-terraza-2.jpg-1-scaled.webp\" alt=\"Joaquina Sala\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/Joaquina-Cocina-lounge-1.jpg-scaled.webp\" alt=\"Joaquina Cocina\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-sala-juntas.jpg-scaled.webp\" alt=\"Joaquina Rec\u00e1mara\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-gym.jpg-scaled.webp\" alt=\"Joaquina Ba\u00f1o\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-mascotario-op1.jpg-scaled.webp\" alt=\"Joaquina Vista\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"virtual-tour-section\" id=\"tour-virtual\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">Tour Virtual 360\u00b0<\/div>\n <h2 class=\"section-title\">Recorre JOAQUINA desde casa<\/h2>\n <p class=\"section-subtitle\">Explora cada rinc\u00f3n de nuestras amenidades con nuestro tour virtual interactivo<\/p>\n <\/div>\n <div class=\"tour-container\">\n <div class=\"tour-preview\" id=\"tourPreview\">\n <div class=\"tour-preview-content\">\n <div class=\"tour-icon\"><i class=\"fas fa-cube\"><\/i><\/div>\n <h3>Tour Virtual 360\u00b0<\/h3>\n <p>Recorre las amenidades de JOAQUINA con tecnolog\u00eda de realidad virtual<\/p>\n <button class=\"tour-btn\" onclick=\"loadVirtualTour()\"><i class=\"fas fa-play\"><\/i> Iniciar Tour Virtual<\/button>\n <\/div>\n <div class=\"tour-preview-bg\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/Joaquina-By-Urbanista.png\" alt=\"Vista previa tour virtual\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\"><\/div>\n <\/div>\n <div class=\"tour-iframe-container\" id=\"tourIframeContainer\">\n <div class=\"tour-controls\">\n <button class=\"tour-control-btn\" onclick=\"closeVirtualTour()\" title=\"Cerrar tour\"><i class=\"fas fa-times\"><\/i><\/button>\n <button class=\"tour-control-btn\" onclick=\"toggleFullscreen()\" title=\"Pantalla completa\"><i class=\"fas fa-expand\"><\/i><\/button>\n <\/div>\n <div class=\"tour-loading\" id=\"tourLoading\"><div class=\"loading-spinner\"><\/div><p>Cargando tour virtual…<\/p><\/div>\n <iframe id=\"virtualTourFrame\" src=\"\" frameborder=\"0\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"tour-benefits\">\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>\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>\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>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"apartments-section\" id=\"apartments\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">Nuestros Departamentos<\/div>\n <h2 class=\"section-title\">Espacios dise\u00f1ados para ti<\/h2>\n <p class=\"section-subtitle\">Desde estudios funcionales hasta departamentos de 2 rec\u00e1maras con terraza<\/p>\n <\/div>\n <div class=\"apartments-grid\">\n <div class=\"apartment-card\">\n <div class=\"apartment-image\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/25-8.jpg\" alt=\"Estudio\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"250\"><div class=\"apartment-price\">Desde $25,330.00<\/div><div class=\"apartment-badge\">DISPONIBLE<\/div><\/div>\n <div class=\"apartment-content\"><h3 class=\"apartment-title\">Departamento Tipo Estudio<\/h3><div class=\"apartment-features\"><div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>Estudio<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>1 Ba\u00f1o<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>35-45 m\u00b2<\/span><\/div><\/div><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><\/div>\n <\/div>\n <div class=\"apartment-card featured\">\n <div class=\"apartment-image\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/46-4.jpg\" alt=\"1 Rec\u00e1mara\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"250\"><div class=\"apartment-price\">NO DISPONIBLE<\/div><div class=\"apartment-badge popular\">M\u00c1S POPULAR<\/div><\/div>\n <div class=\"apartment-content\"><h3 class=\"apartment-title\">Departamento 1 Rec\u00e1mara<\/h3><div class=\"apartment-features\"><div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>1 Rec\u00e1mara<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>1 Ba\u00f1o<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>55-65 m\u00b2<\/span><\/div><\/div><p class=\"apartment-description\">Espacios amplios con sala independiente y cocina equipada. Ideal para parejas o profesionales que valoran el confort.<\/p><\/div>\n <\/div>\n <div class=\"apartment-card\">\n <div class=\"apartment-image\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/26-4.jpg\" alt=\"2 Rec\u00e1maras\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"250\"><div class=\"apartment-price\">DESDE $29,830.00<\/div><div class=\"apartment-badge premium\">PREMIUM<\/div><\/div>\n <div class=\"apartment-content\"><h3 class=\"apartment-title\">Departamento 2 Rec\u00e1maras<\/h3><div class=\"apartment-features\"><div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>2 Rec\u00e1maras<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>2 Ba\u00f1os<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>75-85 m\u00b2<\/span><\/div><\/div><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><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"amenities-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">Amenidades Exclusivas<\/div>\n <h2 class=\"section-title\">Amenidades de otro nivel<\/h2>\n <p class=\"section-subtitle\">M\u00e1s de 25 amenidades dise\u00f1adas para elevar tu estilo de vida<\/p>\n <\/div>\n <div class=\"amenities-grid\">\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>\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>\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>\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>\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>\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 20 amenidades en un solo lugar<\/p><div class=\"amenity-count\">+20<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"map-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">\u00bfUbicaci\u00f3n?<\/div>\n <h3 class=\"section-title\">En el coraz\u00f3n de la Ciudad<\/h3>\n <p class=\"section-subtitle\">San Francisco 345, Del Valle, Benito Ju\u00e1rez, Ciudad de M\u00e9xico, CDMX<\/p>\n <\/div>\n <div class=\"map-container\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3763.5!2d-99.17!3d19.38!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTnCsDIyJzQ4LjAiTiA5OcKwMTAnMTIuMCJX!5e0!3m2!1ses!2smx!4v1\" width=\"100%\" height=\"450\" style=\"border:0; border-radius:20px;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <div class=\"map-overlay\"><a href=\"https:\/\/maps.app.goo.gl\/DNWsjUoFFdr8hWbt7\" target=\"_blank\" class=\"map-btn\" rel=\"noopener\"><i class=\"fas fa-map-marker-alt\"><\/i> Ver en Google Maps<\/a><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"final-cta-section\">\n <div class=\"section-container\">\n <div class=\"final-cta-header\">\n <div class=\"final-cta-badge\"><i class=\"fas fa-star\"><\/i> \u00daLTIMOS DEPARTAMENTOS DISPONIBLES<\/div>\n <h1 class=\"final-cta-title\">\u00bfListo para mudarte?<br><span class=\"highlight-text\">\u00a1No pierdas tu lugar!<\/span><\/h1>\n <\/div>\n <div class=\"final-form-section\">\n <div class=\"final-form-container\">\n <div class=\"form-header\"><h3>RESERVA TU VISITA AHORA<\/h3><\/div>\n <div class=\"custom-form-placeholder\"><div id=\"hubspot-form-footer\"><\/div><\/div>\n <div class=\"form-footer\">\n <div class=\"security-note\"><i class=\"fas fa-lock\"><\/i><span>Tus datos est\u00e1n 100% protegidos. No compartimos tu informaci\u00f3n.<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"footer\">\n <div class=\"footer-content\">\n <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\" alt=\"Urbanista Logo\" class=\"footer-logo\" loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"60\"><br>\n <p class=\"footer-text\">JOAQUINA by Urbanista – San Francisco 345, Del Valle, Benito Ju\u00e1rez, CDMX<br>Vive la experiencia premium que mereces. MOVE IN. MOVE UP.<\/p>\n <\/div>\n<\/footer>\n\n<script>\nwindow.addEventListener('scroll', function() {\n var scrollTop = window.scrollY;\n var docHeight = document.documentElement.scrollHeight - window.innerHeight;\n var scrollPercent = (scrollTop \/ docHeight) * 100;\n document.getElementById('scrollProgress').style.width = scrollPercent + '%';\n});\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n var target = document.querySelector(this.getAttribute('href'));\n if (target) {\n var offsetPosition = target.getBoundingClientRect().top + window.pageYOffset - 80;\n window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\n }\n });\n});\n(function() {\n var num = Math.floor(Math.random() * 8) + 3;\n var el = document.getElementById('tour-notification-number');\n if (el) el.textContent = num;\n})();\nvar tourLoaded = false;\nvar isFullscreen = false;\nfunction loadVirtualTour() {\n var tourPreview = document.getElementById('tourPreview');\n var tourIframeContainer = document.getElementById('tourIframeContainer');\n var tourFrame = document.getElementById('virtualTourFrame');\n var tourLoading = document.getElementById('tourLoading');\n if (!tourPreview || !tourIframeContainer || !tourFrame) return;\n tourPreview.style.display = 'none';\n tourIframeContainer.classList.add('active');\n tourLoading.classList.remove('hidden');\n if (!tourLoaded) {\n tourFrame.src = 'https:\/\/urbanista.mx\/tours\/Joaquina\/Amenidades\/';\n tourLoaded = true;\n tourFrame.onload = function() { setTimeout(function() { tourLoading.classList.add('hidden'); }, 1000); };\n setTimeout(function() { tourLoading.classList.add('hidden'); }, 5000);\n } else { tourLoading.classList.add('hidden'); }\n var tourSection = document.querySelector('.virtual-tour-section');\n if (tourSection) tourSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\n}\nfunction closeVirtualTour() {\n var tourPreview = document.getElementById('tourPreview');\n var tourIframeContainer = document.getElementById('tourIframeContainer');\n if (!tourPreview || !tourIframeContainer) return;\n if (isFullscreen) exitFullscreen();\n tourPreview.style.display = 'flex';\n tourIframeContainer.classList.remove('active');\n}\nfunction toggleFullscreen() { if (!isFullscreen) enterFullscreen(); else exitFullscreen(); }\nfunction enterFullscreen() { var c = document.getElementById('tourIframeContainer'); if (c) { c.classList.add('fullscreen'); document.body.style.overflow = 'hidden'; isFullscreen = true; } }\nfunction exitFullscreen() { var c = document.getElementById('tourIframeContainer'); if (c) { c.classList.remove('fullscreen'); document.body.style.overflow = ''; isFullscreen = false; } }\ndocument.addEventListener('keydown', function(e) { if (e.key === 'Escape' && isFullscreen) exitFullscreen(); });\nwindow.toggleFaq = function(button) { var answer = button.nextElementSibling; var icon = button.querySelector('i'); answer.classList.toggle('active'); icon.className = answer.classList.contains('active') ? 'fas fa-minus' : 'fas fa-plus'; }\n<\/script>\n<script>\n(function() {\n 'use strict';\n var CONFIG = { portalId: '47830887', formId: 'a0e43f30-1bb9-4806-acc6-003a4bc1f611', region: 'na1' };\n var hubspotLoaded = false, hubspotLoading = false;\n function loadHubSpotScript(callback) {\n if (hubspotLoaded && typeof hbspt !== 'undefined') { if (callback) callback(); return; }\n if (hubspotLoading) { var ci = setInterval(function() { if (hubspotLoaded && typeof hbspt !== 'undefined') { clearInterval(ci); if (callback) callback(); } }, 100); return; }\n hubspotLoading = true;\n var script = document.createElement('script');\n script.type = 'text\/javascript'; script.charset = 'utf-8'; script.async = true;\n script.src = 'https:\/\/js.hsforms.net\/forms\/embed\/v2.js';\n script.onload = function() { hubspotLoaded = true; hubspotLoading = false; if (callback) callback(); };\n script.onerror = function() { hubspotLoading = false; setTimeout(function() { loadHubSpotScript(callback); }, 2000); };\n var fs = document.getElementsByTagName('script')[0];\n if (fs && fs.parentNode) fs.parentNode.insertBefore(script, fs); else document.head.appendChild(script);\n }\n var formsCreated = {};\n function createHubSpotForm(targetId) {\n if (formsCreated[targetId]) return;\n var targetEl = document.getElementById(targetId);\n if (!targetEl) return;\n loadHubSpotScript(function() {\n if (typeof hbspt !== 'undefined' && hbspt.forms) {\n try { hbspt.forms.create({ portalId: CONFIG.portalId, formId: CONFIG.formId, region: CONFIG.region, target: '#' + targetId, onFormReady: function() { formsCreated[targetId] = true; } }); } catch (e) { console.error('Error creando formulario:', e); }\n }\n });\n }\n function init() { createHubSpotForm('hubspot-form-hero'); createHubSpotForm('hubspot-form-footer'); }\n if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();\n window.addEventListener('load', function() { setTimeout(function() { if (!formsCreated['hubspot-form-hero']) createHubSpotForm('hubspot-form-hero'); if (!formsCreated['hubspot-form-footer']) createHubSpotForm('hubspot-form-footer'); }, 500); });\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Joaquina by Urbanista \u2014 Departamentos en Renta Del Valle CDMX sin Aval RENTA TU DEPA PREMIUM EN DEL VALLE A unos pasos de Av. Insurgentes Sur Dos rec\u00e1maras desde: $29,830 * Precios y disponibilidad sujetos a cambios sin previo aviso con servicios, mantenimiento, seguridad y m\u00e1s de 10 amenidades incluidas \u00daltimos studios y depas de […]<\/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-22494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22494","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=22494"}],"version-history":[{"count":14,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22494\/revisions"}],"predecessor-version":[{"id":23861,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22494\/revisions\/23861"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=22494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22494,"date":"2026-03-12T11:17:37","date_gmt":"2026-03-12T17:17:37","guid":{"rendered":"https:\/\/urbanista.mx\/?page_id=22494"},"modified":"2026-04-27T19:12:13","modified_gmt":"2026-04-28T01:12:13","slug":"renta_del_valle","status":"publish","type":"page","link":"https:\/\/urbanista.mx\/en\/renta_del_valle\/","title":{"rendered":"Rent in Del Valle"},"content":{"rendered":"\n\n\n\n\n\nJoaquina by Urbanista \u2014 Departamentos en Renta Del Valle CDMX sin Aval<\/title>\n<meta name=\"description\" content=\"Departamentos y studios en renta en Del Valle, CDMX sin aval. Contratos a 12 meses con servicios incluidos, amenidades premium y confirmaci\u00f3n en 24h.\">\n<link rel=\"icon\" type=\"image\/webp\" href=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\">\n<meta name=\"theme-color\" content=\"#004e64\">\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-5Q1N1P5KTY\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-5Q1N1P5KTY');\n<\/script>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/js.hsforms.net\">\n<link rel=\"preconnect\" href=\"https:\/\/urbanista.mx\">\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\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n:root {\n --blue: #004e64;\n --blue-dark: #003847;\n --blue-deeper: #002a36;\n --blue-light: #0a7e8c;\n --blue-pale: #e8f4f8;\n --accent: #00b4d8;\n --accent-glow: rgba(0,180,216,0.3);\n --white: #ffffff;\n --off-white: #f5f9fa;\n --text-dark: #1a2a30;\n --text-mid: #4a6670;\n --text-light: #7a9aa5;\n --transition: cubic-bezier(0.16,1,0.3,1);\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior:smooth; overflow-x:hidden; }\nbody {\n font-family:'DM Sans', sans-serif;\n font-weight:400;\n font-size:16px;\n background:var(--white);\n color:var(--text-dark);\n overflow-x:hidden;\n -webkit-font-smoothing:antialiased;\n}\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; }\n@keyframes fadeUp { to { opacity:1; transform:translateY(0); } }\n@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(1.5); } }\n@keyframes float { 0%,100% { transform:translate(0,0); } 50% { transform:translate(30px,-30px); } }\n@keyframes shimmer { 0% { background-position:-200% 0; } 100% { background-position:200% 0; } }\n\n\/* HERO *\/\n.hero { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:var(--blue-deeper); }\n.hero-bg-container { position:absolute; inset:0; z-index:0; }\n.hero-bg-container img { width:100%; height:100%; object-fit:cover; }\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%); }\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; }\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; }\n.hero-content { position:relative; z-index:2; max-width:1300px; width:100%; margin:0 auto; padding:140px 48px 80px; display:grid; grid-template-columns:1fr 420px; gap:60px; align-items:center; }\n.hero-text { color:var(--white); }\n.hero-logo { margin-bottom:20px; }\n.hero-logo img {filter:brightness(0) invert(1); }\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; }\n.descripcionwtc { font-size:20px; color:var(--accent); font-weight:600; letter-spacing:1px; margin-bottom:12px; }\n.hero-subtitle { font-family:'Bebas Neue', sans-serif; font-size:clamp(44px, 6vw, 76px); color:var(--white); line-height:1; margin-bottom:4px; }\n.hero-subtitle b { color:var(--accent); position:relative; }\n.servicioyman { font-size:16px; color:rgba(255,255,255,.65); margin-bottom:16px; line-height:1.5; }\n.disponibilidad1 { 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:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); font-weight:700; margin-bottom:20px; }\n.hero-price-section { margin-bottom:12px; }\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); }\n.hero-badge:hover { transform:translateY(-3px); box-shadow:0 14px 44px rgba(0,180,216,.45); }\n.hero-badge i { font-size:18px; }\n.hero-notificacion { font-size:14px; color:rgba(255,255,255,.5); margin-bottom:20px; font-style:italic; }\n.hero-description { font-size:16px; color:rgba(255,255,255,.7); line-height:1.65; margin-bottom:24px; max-width:560px; }\n.hero-description b { color:var(--white); }\n.hero-features { display:flex; gap:20px; flex-wrap:wrap; }\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; }\n.hero-feature:hover { border-color:var(--accent); background:rgba(0,180,216,.1); }\n.hero-feature i { color:var(--accent); font-size:14px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO FORM \u2014 BLANCO Y LLAMATIVO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero-form-container { position:relative; }\n\n\/* Badge superior: azul oscuro con acento *\/\n.form-top-badge {\n background: linear-gradient(135deg, var(--blue-deeper), var(--blue));\n color: var(--white);\n text-align: center;\n padding: 14px 20px;\n border-radius: 16px 16px 0 0;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-transform: uppercase;\n}\n.form-top-badge i { color: var(--accent); }\n\n\/* Form blanco, limpio, con sombra prominente *\/\n.hero-form {\n background: #ffffff;\n border: none;\n border-radius: 0 0 20px 20px;\n padding: 32px 28px 28px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 24px 70px rgba(0,42,54,0.45), 0 8px 24px rgba(0,180,216,0.18);\n}\n\n\/* Barra de color en la parte superior del form blanco *\/\n.hero-form::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--accent), var(--blue-light));\n}\n\n\/* T\u00edtulo interno del form *\/\n.form-internal-badge {\n text-align: center;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 28px;\n letter-spacing: 3px;\n color: var(--blue);\n margin-bottom: 6px;\n}\n\n\/* Subt\u00edtulo descriptivo debajo del t\u00edtulo *\/\n.form-internal-sub {\n text-align: center;\n font-size: 13px;\n color: var(--text-mid);\n margin-bottom: 22px;\n font-weight: 500;\n}\n\n\/* Labels *\/\n.hero-form .hs-form { display:flex !important; flex-direction:column !important; gap:0 !important; }\n.hero-form .hs-form-field { padding:0 !important; margin-bottom:14px !important; border:none !important; }\n.hero-form .hs-form-field > label {\n display: block !important;\n font-size: 11px !important;\n font-weight: 700 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: var(--blue) !important;\n margin-bottom: 6px !important;\n font-family: 'DM Sans', sans-serif !important;\n}\n.hero-form .hs-form-field > label span { font-size:11px !important; color:var(--blue) !important; }\n\n\/* Inputs sobre fondo blanco *\/\n.hero-form .hs-form-field .hs-input,\n.hero-form .hs-form-field input.hs-input,\n.hero-form .hs-form-field select.hs-input {\n width: 100% !important;\n background: #f4f8fa !important;\n border: 1.5px solid #d0e4ec !important;\n border-radius: 12px !important;\n padding: 13px 16px !important;\n font-family: 'DM Sans', sans-serif !important;\n font-size: 15px !important;\n color: var(--text-dark) !important;\n transition: border-color .3s, background .3s, box-shadow .3s !important;\n outline: none !important;\n box-sizing: border-box !important;\n}\n.hero-form .hs-form-field .hs-input:focus {\n border-color: var(--accent) !important;\n background: #edf8fd !important;\n box-shadow: 0 0 0 3px rgba(0,180,216,0.15) !important;\n}\n.hero-form .hs-form-field .hs-input::placeholder { color: #9ab8c4 !important; }\n.hero-form .hs-form-field select.hs-input option { color: var(--text-dark) !important; background-color: var(--white) !important; }\n\n\/* Tel\u00e9fono *\/\n.hero-form .hs-fieldtype-intl-phone { display:flex !important; gap:10px !important; }\n.hero-form .hs-fieldtype-intl-phone select.hs-input { width:auto !important; min-width:90px !important; max-width:120px !important; flex-shrink:0 !important; }\n.hero-form .hs-fieldtype-intl-phone input.hs-input { flex:1 !important; }\n.hero-form .hs-form-required { color: var(--accent) !important; }\n\n\/* Bot\u00f3n submit *\/\n.hero-form .hs-submit { margin-top: 6px !important; }\n.hero-form .hs-button {\n width: 100% !important;\n background: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%) !important;\n color: var(--white) !important;\n border: none !important;\n padding: 18px 32px !important;\n border-radius: 14px !important;\n font-family: 'Bebas Neue', sans-serif !important;\n font-size: 22px !important;\n letter-spacing: 4px !important;\n cursor: pointer !important;\n transition: all .4s var(--transition) !important;\n text-transform: uppercase !important;\n box-shadow: 0 8px 28px rgba(0,78,100,0.3) !important;\n}\n.hero-form .hs-button:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 14px 40px rgba(0,78,100,0.45) !important;\n}\n\n\/* Errores *\/\n.hero-form .hs-error-msgs { color: #e53e3e !important; font-size: 13px !important; margin-top: 6px !important; list-style: none !important; padding: 0 !important; }\n\n\/* Aviso legal *\/\n.hero-form .legal-consent-container { font-size:12px !important; color: var(--text-light) !important; margin-top:8px !important; }\n.hero-form .legal-consent-container a { color: var(--accent) !important; }\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; }\n.hero-form .legal-consent-container input[type=checkbox] { accent-color: var(--accent) !important; }\n\n\/* Nota de seguridad dentro del form hero *\/\n.form-security-note {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n font-size: 12px;\n color: var(--text-light);\n margin-top: 14px;\n}\n.form-security-note i { color: var(--accent); font-size: 11px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESTO DE SECCIONES (sin cambios)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* SECTIONS SHARED *\/\n.section-container { max-width:1200px; margin:0 auto; padding:0 24px; }\n.section-header { text-align:center; margin-bottom:60px; }\n.section-badge { display:inline-block; font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }\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; }\n.section-subtitle { font-size:18px; color:var(--text-mid); line-height:1.6; max-width:600px; margin:0 auto; }\n\n\/* JOSEFA INTRO *\/\n.josefa-intro-section { padding:100px 0; background:var(--off-white); }\n.josefa-intro-content { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:60px; }\n.josefa-intro-image { border-radius:20px; overflow:hidden; position:relative; }\n.josefa-intro-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s var(--transition); }\n.josefa-intro-image:hover img { transform:scale(1.03); }\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; }\n.josefa-intro-text p { font-size:17px; color:var(--text-mid); line-height:1.7; }\n.josefa-intro-text b { color:var(--blue); }\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; }\n.testimonials-mini { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }\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; }\n.testimonial-item:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,78,100,.1); border-color:rgba(0,180,216,.2); }\n.testimonial-item .stars { color:#f59e0b; font-size:18px; margin-bottom:12px; }\n.testimonial-item p { font-size:15px; color:var(--text-mid); line-height:1.6; margin-bottom:10px; font-style:italic; }\n.testimonial-item span { font-size:13px; color:var(--text-light); font-weight:600; }\n\n\/* FEATURES *\/\n.features-section { padding:100px 0; background:var(--white); position:relative; overflow:hidden; }\n.features-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; }\n.features-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }\n.feature-card { background:var(--off-white); border:1px solid rgba(0,78,100,.08); border-radius:20px; padding:40px 28px; text-align:center; position:relative; overflow:hidden; transition:all .4s var(--transition); }\n.feature-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); }\n.feature-card:hover::before { transform:scaleX(1); }\n.feature-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,78,100,.12); border-color:rgba(0,180,216,.2); }\n.feature-icon { width:64px; height:64px; background:rgba(0,180,216,.1); border-radius:16px; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; transition:all .4s; }\n.feature-card:hover .feature-icon { background:var(--accent); }\n.feature-icon i { font-size:24px; color:var(--accent); transition:color .4s; }\n.feature-card:hover .feature-icon i { color:var(--white); }\n.feature-title { font-family:'Bebas Neue', sans-serif; font-size:26px; letter-spacing:2px; color:var(--blue); margin-bottom:10px; }\n.feature-description { font-size:15px; color:var(--text-mid); line-height:1.6; }\n\n\/* ABOUT *\/\n.about-section { padding:100px 0; background:var(--blue-deeper); color:var(--white); position:relative; overflow:hidden; }\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; }\n.about-content { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }\n.about-image { border-radius:20px; overflow:hidden; }\n.about-image img { width:100%; display:block; transition:transform .6s; }\n.about-image:hover img { transform:scale(1.03); }\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; }\n.about-features { display:flex; flex-direction:column; gap:14px; }\n.about-feature { display:flex; align-items:flex-start; gap:12px; padding:12px 16px; border-radius:12px; transition:background .3s; }\n.about-feature:hover { background:rgba(255,255,255,.05); }\n.about-feature i { color:var(--accent); margin-top:3px; font-size:16px; }\n.about-feature span { font-size:16px; color:rgba(255,255,255,.75); line-height:1.5; }\n\n\/* VIDEO *\/\n.video-section { padding:80px 0; background:var(--off-white); }\n.video-section .section-header { text-align:center; margin-bottom:0; }\n.video-section iframe { width:100%; max-width:800px; aspect-ratio:16\/9; border-radius:20px; box-shadow:0 20px 60px rgba(0,78,100,.15); }\n\n\/* GALLERY *\/\n.gallery-section { padding:100px 0; background:var(--white); }\n.gallery-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }\n.gallery-item { border-radius:16px; overflow:hidden; position:relative; }\n.gallery-item img { width:100%; height:auto; display:block; transition:transform .6s var(--transition); }\n.gallery-item:hover img { transform:scale(1.05); }\n\n\/* VIRTUAL TOUR *\/\n.virtual-tour-section { padding:100px 0; background:var(--blue-deeper); color:var(--white); }\n.virtual-tour-section .section-title { color:var(--white); }\n.virtual-tour-section .section-subtitle { color:rgba(255,255,255,.55); }\n.tour-container { max-width:900px; margin:0 auto 50px; border-radius:20px; overflow:hidden; position:relative; }\n.tour-preview { display:flex; align-items:center; justify-content:center; min-height:400px; position:relative; cursor:pointer; }\n.tour-preview-bg { position:absolute; inset:0; }\n.tour-preview-bg img { width:100%; height:100%; object-fit:cover; filter:brightness(.5); }\n.tour-preview-content { position:relative; z-index:2; text-align:center; padding:40px; }\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; }\n.tour-icon i { font-size:32px; color:var(--accent); }\n.tour-preview-content h3 { font-family:'Bebas Neue', sans-serif; font-size:34px; letter-spacing:3px; margin-bottom:8px; }\n.tour-preview-content p { font-size:16px; color:rgba(255,255,255,.6); margin-bottom:24px; }\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); }\n.tour-btn:hover { transform:translateY(-3px); box-shadow:0 14px 44px var(--accent-glow); }\n.tour-iframe-container { display:none; position:relative; min-height:500px; background:#000; border-radius:20px; overflow:hidden; }\n.tour-iframe-container.active { display:block; }\n.tour-iframe-container.fullscreen { position:fixed; inset:0; z-index:10000; border-radius:0; min-height:100vh; }\n.tour-iframe-container iframe { width:100%; height:500px; border:none; }\n.tour-iframe-container.fullscreen iframe { height:100vh; }\n.tour-controls { position:absolute; top:16px; right:16px; z-index:10; display:flex; gap:8px; }\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; }\n.tour-control-btn:hover { background:var(--accent); border-color:var(--accent); }\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; }\n.tour-loading.hidden { display:none; }\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; }\n@keyframes spin { to { transform:rotate(360deg); } }\n.tour-loading p { color:rgba(255,255,255,.6); font-size:15px; }\n.tour-benefits { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; max-width:900px; margin:0 auto; }\n.tour-benefit { text-align:center; padding:24px; }\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; }\n.benefit-icon i { font-size:20px; color:var(--accent); }\n.tour-benefit h4 { font-size:17px; color:var(--white); font-weight:700; margin-bottom:6px; }\n.tour-benefit p { font-size:14px; color:rgba(255,255,255,.45); line-height:1.5; }\n\n\/* APARTMENTS *\/\n.apartments-section { padding:100px 0; background:var(--off-white); }\n.apartments-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }\n.apartment-card { border-radius:20px; overflow:hidden; background:var(--white); border:1px solid rgba(0,78,100,.08); transition:all .4s var(--transition); }\n.apartment-card:hover { transform:translateY(-8px); box-shadow:0 20px 60px rgba(0,78,100,.15); border-color:rgba(0,180,216,.2); }\n.apartment-card.featured { border-color:var(--accent); box-shadow:0 8px 30px rgba(0,180,216,.15); }\n.apartment-image { position:relative; aspect-ratio:16\/10; overflow:hidden; }\n.apartment-image img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }\n.apartment-card:hover .apartment-image img { transform:scale(1.06); }\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; }\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; }\n.apartment-badge.popular { background:linear-gradient(135deg, #f59e0b, #ef4444); }\n.apartment-badge.premium { background:linear-gradient(135deg, var(--blue), var(--blue-dark)); }\n.apartment-content { padding:24px; }\n.apartment-title { font-family:'Bebas Neue', sans-serif; font-size:24px; letter-spacing:2px; color:var(--blue); margin-bottom:14px; }\n.apartment-features { display:flex; gap:16px; margin-bottom:14px; flex-wrap:wrap; }\n.apartment-feature { display:flex; align-items:center; gap:6px; font-size:14px; color:var(--text-mid); }\n.apartment-feature i { color:var(--accent); font-size:14px; }\n.apartment-description { font-size:15px; color:var(--text-mid); line-height:1.6; }\n\n\/* AMENITIES *\/\n.amenities-section { padding:100px 0; background:var(--white); }\n.amenities-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }\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); }\n.amenity-card:hover { transform:translateY(-6px); box-shadow:0 16px 48px rgba(0,78,100,.1); border-color:rgba(0,180,216,.2); }\n.amenity-card.featured { background:var(--off-white); }\n.amenity-card.premium { background:linear-gradient(135deg, var(--blue-deeper), var(--blue)); border-color:rgba(0,180,216,.3); }\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; }\n.amenity-icon i { font-size:22px; color:var(--accent); }\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; }\n.amenity-icon-special i { font-size:22px; color:var(--white); }\n.amenity-title { font-family:'Bebas Neue', sans-serif; font-size:24px; letter-spacing:1.5px; color:var(--blue); margin-bottom:8px; }\n.amenity-card.premium .amenity-title { color:var(--white); }\n.amenity-description { font-size:14px; color:var(--text-mid); line-height:1.5; }\n.amenity-card.premium .amenity-description { color:rgba(255,255,255,.6); }\n.amenity-count { font-family:'Bebas Neue', sans-serif; font-size:48px; color:var(--accent); margin-top:8px; }\n\n\/* MAP *\/\n.map-section { padding:80px 0; background:var(--off-white); }\n.map-container { max-width:800px; margin:0 auto; border-radius:20px; overflow:hidden; position:relative; }\n.map-container img { width:100%; display:block; }\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; }\n.map-container:hover .map-overlay { opacity:1; }\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); }\n.map-btn:hover { transform:translateY(-2px); box-shadow:0 12px 40px var(--accent-glow); }\n\n\/* FINAL CTA *\/\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; }\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%); }\n.final-cta-header { text-align:center; margin-bottom:48px; position:relative; z-index:2; }\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; }\n.final-cta-title { font-family:'Bebas Neue', sans-serif; font-size:clamp(42px, 6vw, 76px); line-height:1; letter-spacing:2px; }\n.highlight-text { color:var(--accent); }\n.final-form-section { max-width:560px; margin:0 auto; position:relative; z-index:2; }\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; }\n.final-form-container::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--accent), var(--blue-light)); }\n.form-header h3 { font-family:'Bebas Neue', sans-serif; font-size:30px; letter-spacing:3px; text-align:center; margin-bottom:24px; }\n.final-form-container .hs-form { display:flex !important; flex-direction:column !important; gap:0 !important; }\n.final-form-container .hs-form-field { padding:0 !important; margin-bottom:16px !important; border:none !important; }\n.final-form-container .hs-form-field > label { display:block !important; font-size:11px !important; font-weight:700 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:var(--accent) !important; margin-bottom:6px !important; font-family:'DM Sans', sans-serif !important; }\n.final-form-container .hs-form-field > label span { font-size:11px !important; color:var(--accent) !important; }\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,.06) !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; padding:14px 18px !important; font-family:'DM Sans', sans-serif !important; font-size:16px !important; color:var(--white) !important; transition:border-color .3s ease, background .3s ease !important; outline:none !important; box-sizing:border-box !important; }\n.final-form-container .hs-form-field .hs-input:focus { border-color:var(--accent) !important; background:rgba(0,180,216,.06) !important; }\n.final-form-container .hs-form-field .hs-input::placeholder { color:rgba(255,255,255,.35) !important; }\n.final-form-container .hs-form-field select.hs-input option { color:var(--text-dark) !important; background-color:var(--white) !important; }\n.final-form-container .hs-fieldtype-intl-phone { display:flex !important; gap:10px !important; }\n.final-form-container .hs-fieldtype-intl-phone select.hs-input { width:auto !important; min-width:90px !important; max-width:120px !important; flex-shrink:0 !important; }\n.final-form-container .hs-fieldtype-intl-phone input.hs-input { flex:1 !important; }\n.final-form-container .hs-form-required { color:var(--accent) !important; }\n.final-form-container .hs-submit { margin-top:4px !important; }\n.final-form-container .hs-button { width:100% !important; background:linear-gradient(135deg, var(--accent), var(--blue-light)) !important; color:var(--white) !important; border:none !important; padding:18px 32px !important; border-radius:14px !important; font-family:'Bebas Neue', sans-serif !important; font-size:22px !important; letter-spacing:4px !important; cursor:pointer !important; transition:all .4s var(--transition) !important; text-transform:uppercase !important; }\n.final-form-container .hs-button:hover { transform:translateY(-2px) !important; box-shadow:0 12px 36px rgba(0,180,216,.4) !important; }\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; }\n.final-form-container .legal-consent-container { font-size:12px !important; color:rgba(255,255,255,.4) !important; margin-top:8px !important; }\n.final-form-container .legal-consent-container a { color:var(--accent) !important; }\n.final-form-container .legal-consent-container label { font-size:13px !important; color:rgba(255,255,255,.45) !important; display:flex !important; align-items:flex-start !important; gap:10px !important; cursor:pointer !important; }\n.final-form-container .legal-consent-container input[type=checkbox] { accent-color:var(--accent) !important; }\n.form-footer { margin-top:24px; }\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; }\n.security-note i { color:var(--accent); }\n.alternative-contact { text-align:center; }\n.alternative-contact p { font-size:14px; color:rgba(255,255,255,.5); margin-bottom:10px; }\n.btn-whatsapp { display:inline-flex; align-items:center; gap:10px; background:#25D366; color:var(--white); padding:14px 32px; border-radius:100px; border:none; font-family:'Bebas Neue', sans-serif; font-size:20px; letter-spacing:2px; cursor:pointer; transition:all .3s; box-shadow:0 6px 20px rgba(37,211,102,.3); }\n.btn-whatsapp:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(37,211,102,.5); }\n\n\/* FOOTER *\/\n.footer { padding:40px 48px; background:var(--blue-deeper); border-top:1px solid rgba(255,255,255,.05); text-align:center; }\n.footer-logo { filter:brightness(0) invert(1); margin-bottom:12px; }\n.footer-text { font-size:14px; color:rgba(255,255,255,.4); line-height:1.6; }\n\n\/* WHATSAPP FLOAT *\/\n.wa-float { position:fixed; bottom:28px; right:28px; z-index:900; width:60px; height:60px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(37,211,102,.3); transition:transform .3s, box-shadow .3s; cursor:pointer; text-decoration:none; }\n.wa-float:hover { transform:scale(1.1); box-shadow:0 6px 30px rgba(37,211,102,.5); }\n.wa-float i { font-size:28px; color:white; }\n\n\/* RESPONSIVE *\/\n@media (max-width:1024px) {\n .hero-content { grid-template-columns:1fr; padding:120px 24px 60px; gap:40px; }\n .hero-form-container { max-width:480px; }\n .josefa-intro-content { grid-template-columns:1fr; gap:40px; }\n .features-grid { grid-template-columns:1fr; }\n .about-content { grid-template-columns:1fr; }\n .apartments-grid { grid-template-columns:1fr; }\n .amenities-grid { grid-template-columns:repeat(2, 1fr); }\n .gallery-grid { grid-template-columns:repeat(2, 1fr); }\n .testimonials-mini { grid-template-columns:1fr; }\n .tour-benefits { grid-template-columns:1fr; gap:12px; }\n}\n@media (max-width:640px) {\n .hero-content { padding:100px 16px 40px; }\n .section-container { padding:0 16px; }\n .hero-features { flex-direction:column; }\n .amenities-grid { grid-template-columns:1fr; }\n .gallery-grid { grid-template-columns:1fr; }\n .footer { padding:30px 16px; }\n .final-form-container { padding:24px 20px; }\n .hero-form { padding:20px; }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n<section class=\"hero\">\n <div class=\"hero-bg-container\">\n <img src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/Joaquina-By-Urbanista.png\" alt=\"Joaquina Building\" fetchpriority=\"high\" decoding=\"async\">\n <\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-logo\">\n <img fetchpriority=\"high\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\" alt=\"Urbanista Logo\" fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"75\">\n <\/div>\n <h3 class=\"hero-title\">RENTA TU DEPA PREMIUM<br> EN DEL VALLE<\/h3>\n <p class=\"descripcionwtc\">A unos pasos de Av. Insurgentes Sur<\/p>\n <h1 class=\"hero-subtitle\">Dos rec\u00e1maras desde: <b>$29,830 <\/b><\/h1>\n <p>* Precios y disponibilidad sujetos a cambios sin previo aviso <\/p>\n <p class=\"servicioyman\">con servicios, mantenimiento, seguridad y <u>m\u00e1s de 10 amenidades<\/u> incluidas<\/p>\n <p class=\"disponibilidad1\">\u00daltimos studios y depas de 1 rec\u00e1mara<\/p>\n <div class=\"hero-price-section\">\n <a href=\"#hubspot-form-footer\" class=\"hero-badge\" style=\"text-decoration:none;\">\n <i class=\"fas fa-home\"><\/i> AGENDAR TOUR\n <\/a>\n <\/div>\n <div class=\"hero-notificacion\">\n <span><i>\u00a1<span id=\"tour-notification-number\">5<\/span> personas han agendado tour hoy!<\/i><\/span>\n <\/div>\n <p class=\"hero-description\">\n <b>Un lugar que no te quita tiempo.<\/b><br>\nSi trabajas jornadas largas y no quieres perder horas en traslados, ruido o pendientes del depa, <b>Joaquina by Urbanista<\/b> es para ti. Vives a unos pasos de Av. Insurgentes Sur, cerca 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.\n <\/p>\n <div class=\"hero-features\">\n <div class=\"hero-feature\"><i class=\"fas fa-handshake\"><\/i><span>RENTA SIN AVAL<\/span><\/div>\n <div class=\"hero-feature\"><i class=\"fas fa-calendar-check\"><\/i><span><u>Renta m\u00ednima por 12 meses<\/u><\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-form-container\" id=\"FORM\">\n <div class=\"form-top-badge\"><i class=\"fas fa-star\"><\/i> \u00daLTIMOS DEPARTAMENTOS DISPONIBLES<\/div>\n <div class=\"hero-form\">\n <div class=\"form-internal-badge\">AGENDA UN TOUR<\/div>\n <p class=\"form-internal-sub\">Confirmaci\u00f3n en menos de 24 horas \u00b7 Sin aval<\/p>\n <div class=\"form-placeholder\"><div id=\"hubspot-form-hero\"><\/div><\/div>\n <div class=\"form-security-note\">\n <i class=\"fas fa-lock\"><\/i>\n <span>Tus datos est\u00e1n 100% protegidos<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"josefa-intro-section\">\n <div class=\"section-container\">\n <div class=\"josefa-intro-content\">\n <div class=\"josefa-intro-image\">\n <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-area-social.jpg-scaled.webp\" alt=\"Joaquina by Urbanista - Departamentos en Renta Del Valle CDMX\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\">\n <\/div>\n <div class=\"josefa-intro-text\">\n <h2>Todo lo que usas a diario, a unos pasos de TU DEPA<\/h2>\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.<br>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.<br><br>Tienes todo al alcance: gym para descargarte, \u00e1rea cowork para concentrarte, cuando necesitas bajar revoluciones, el sauna est\u00e1 ah\u00ed para ayudarte a recargar sin salir de tu rutina.<b> En Joaquina by Urbanista, <\/b>en Del Valle, vives mejor: cerca del trabajo, con tranquilidad y con todo resuelto.<\/p>\n <\/div>\n <\/div>\n <div class=\"social-proof-section\">\n <h4>Lo que dicen nuestros residentes:<\/h4>\n <div class=\"testimonials-mini\">\n <div class=\"testimonial-item\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>“El proceso fue s\u00faper f\u00e1cil y r\u00e1pido. En 2 d\u00edas ya ten\u00eda las llaves”<\/p><span>– Mar\u00eda Gonz\u00e1lez<\/span><\/div>\n <div class=\"testimonial-item\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>“Sin aval real, excelente ubicaci\u00f3n y amenidades incre\u00edbles”<\/p><span>– Carlos M\u00e9ndez<\/span><\/div>\n <div class=\"testimonial-item\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>“La mejor decisi\u00f3n que tom\u00e9. Recomiendo JOAQUINA 100%”<\/p><span>– Ana Rodr\u00edguez<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"features-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">\u00bfPor qu\u00e9 elegir JOAQUINA?<\/div>\n <h2 class=\"section-title\">RENTA DEPARTAMENTO SIN PERDER EL TIEMPO<\/h2>\n <p class=\"section-subtitle\">Proceso simple, r\u00e1pido y sin complicaciones para que puedas mudarte lo antes posible.<\/p>\n <\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card\"><div class=\"feature-icon\"><i class=\"fas fa-handshake\"><\/i><\/div><h3 class=\"feature-title\">NO NECESITAS AVAL<\/h3><p class=\"feature-description\">El proceso de renta de departamentos se aprueba en menos de 24 horas. Sin complicaciones, sin garant\u00edas adicionales.<\/p><\/div>\n <div class=\"feature-card\"><div class=\"feature-icon\"><i class=\"fas fa-couch\"><\/i><\/div><h3 class=\"feature-title\">ELIGE DEPA AMUEBLADO<\/h3><p class=\"feature-description\">Puedes elegir entre departamentos amueblados con un costo extra o sin amueblar, seg\u00fan tus necesidades y presupuesto.<\/p><\/div>\n <div class=\"feature-card\"><div class=\"feature-icon\"><i class=\"fas fa-clock\"><\/i><\/div><h3 class=\"feature-title\">MUDATE EN POCO TIEMPO<\/h3><p class=\"feature-description\">Nuestros contratos son flexibles a partir de 12 meses. Proceso r\u00e1pido para que te mudes cuando lo necesites.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"about-section\">\n <div class=\"section-container\">\n <div class=\"about-content\">\n <div class=\"about-image\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-gaming-zone.jpg-scaled.webp\" alt=\"Joaquina Interior\" loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"300\"><\/div>\n <div class=\"about-text\">\n <h2>RENTA DEPARTAMENTO EN CDMX<\/h2>\n <div class=\"about-features\">\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>\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>\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Ubicaciones premium en las mejores zonas de CDMX<\/span><\/div>\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Departamentos modernos con terrazas y vistas \u00fanicas<\/span><\/div>\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>\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>\n <div class=\"about-feature\"><i class=\"fas fa-check-circle\"><\/i><span>Cocina integral y centro de lavado incluido.<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"video-section\" id=\"video\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/LqaV_qd5UwY?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>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"gallery-section\" id=\"gallery\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">Galer\u00eda de Espacios<\/div>\n <h3 class=\"section-title\">Conoce ahora tu nuevo departamento<\/h3>\n <p class=\"section-subtitle\">Descubre cada rinc\u00f3n de JOAQUINA y enam\u00f3rate de tu pr\u00f3ximo hogar<\/p>\n <\/div>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-cabina.jpg-scaled.webp\" alt=\"Joaquina Amenidades\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-terraza-2.jpg-1-scaled.webp\" alt=\"Joaquina Sala\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/Joaquina-Cocina-lounge-1.jpg-scaled.webp\" alt=\"Joaquina Cocina\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-sala-juntas.jpg-scaled.webp\" alt=\"Joaquina Rec\u00e1mara\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-gym.jpg-scaled.webp\" alt=\"Joaquina Ba\u00f1o\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <div class=\"gallery-item\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2026\/02\/joaquina-mascotario-op1.jpg-scaled.webp\" alt=\"Joaquina Vista\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"virtual-tour-section\" id=\"tour-virtual\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">Tour Virtual 360\u00b0<\/div>\n <h2 class=\"section-title\">Recorre JOAQUINA desde casa<\/h2>\n <p class=\"section-subtitle\">Explora cada rinc\u00f3n de nuestras amenidades con nuestro tour virtual interactivo<\/p>\n <\/div>\n <div class=\"tour-container\">\n <div class=\"tour-preview\" id=\"tourPreview\">\n <div class=\"tour-preview-content\">\n <div class=\"tour-icon\"><i class=\"fas fa-cube\"><\/i><\/div>\n <h3>Tour Virtual 360\u00b0<\/h3>\n <p>Recorre las amenidades de JOAQUINA con tecnolog\u00eda de realidad virtual<\/p>\n <button class=\"tour-btn\" onclick=\"loadVirtualTour()\"><i class=\"fas fa-play\"><\/i> Iniciar Tour Virtual<\/button>\n <\/div>\n <div class=\"tour-preview-bg\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/07\/Joaquina-By-Urbanista.png\" alt=\"Vista previa tour virtual\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\"><\/div>\n <\/div>\n <div class=\"tour-iframe-container\" id=\"tourIframeContainer\">\n <div class=\"tour-controls\">\n <button class=\"tour-control-btn\" onclick=\"closeVirtualTour()\" title=\"Cerrar tour\"><i class=\"fas fa-times\"><\/i><\/button>\n <button class=\"tour-control-btn\" onclick=\"toggleFullscreen()\" title=\"Pantalla completa\"><i class=\"fas fa-expand\"><\/i><\/button>\n <\/div>\n <div class=\"tour-loading\" id=\"tourLoading\"><div class=\"loading-spinner\"><\/div><p>Cargando tour virtual…<\/p><\/div>\n <iframe id=\"virtualTourFrame\" src=\"\" frameborder=\"0\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"tour-benefits\">\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>\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>\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>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"apartments-section\" id=\"apartments\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">Nuestros Departamentos<\/div>\n <h2 class=\"section-title\">Espacios dise\u00f1ados para ti<\/h2>\n <p class=\"section-subtitle\">Desde estudios funcionales hasta departamentos de 2 rec\u00e1maras con terraza<\/p>\n <\/div>\n <div class=\"apartments-grid\">\n <div class=\"apartment-card\">\n <div class=\"apartment-image\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/25-8.jpg\" alt=\"Estudio\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"250\"><div class=\"apartment-price\">Desde $25,330.00<\/div><div class=\"apartment-badge\">DISPONIBLE<\/div><\/div>\n <div class=\"apartment-content\"><h3 class=\"apartment-title\">Departamento Tipo Estudio<\/h3><div class=\"apartment-features\"><div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>Estudio<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>1 Ba\u00f1o<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>35-45 m\u00b2<\/span><\/div><\/div><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><\/div>\n <\/div>\n <div class=\"apartment-card featured\">\n <div class=\"apartment-image\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/46-4.jpg\" alt=\"1 Rec\u00e1mara\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"250\"><div class=\"apartment-price\">NO DISPONIBLE<\/div><div class=\"apartment-badge popular\">M\u00c1S POPULAR<\/div><\/div>\n <div class=\"apartment-content\"><h3 class=\"apartment-title\">Departamento 1 Rec\u00e1mara<\/h3><div class=\"apartment-features\"><div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>1 Rec\u00e1mara<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>1 Ba\u00f1o<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>55-65 m\u00b2<\/span><\/div><\/div><p class=\"apartment-description\">Espacios amplios con sala independiente y cocina equipada. Ideal para parejas o profesionales que valoran el confort.<\/p><\/div>\n <\/div>\n <div class=\"apartment-card\">\n <div class=\"apartment-image\"><img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2024\/08\/26-4.jpg\" alt=\"2 Rec\u00e1maras\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"250\"><div class=\"apartment-price\">DESDE $29,830.00<\/div><div class=\"apartment-badge premium\">PREMIUM<\/div><\/div>\n <div class=\"apartment-content\"><h3 class=\"apartment-title\">Departamento 2 Rec\u00e1maras<\/h3><div class=\"apartment-features\"><div class=\"apartment-feature\"><i class=\"fas fa-bed\"><\/i><span>2 Rec\u00e1maras<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-bath\"><\/i><span>2 Ba\u00f1os<\/span><\/div><div class=\"apartment-feature\"><i class=\"fas fa-expand-arrows-alt\"><\/i><span>75-85 m\u00b2<\/span><\/div><\/div><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><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"amenities-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">Amenidades Exclusivas<\/div>\n <h2 class=\"section-title\">Amenidades de otro nivel<\/h2>\n <p class=\"section-subtitle\">M\u00e1s de 25 amenidades dise\u00f1adas para elevar tu estilo de vida<\/p>\n <\/div>\n <div class=\"amenities-grid\">\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>\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>\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>\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>\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>\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 20 amenidades en un solo lugar<\/p><div class=\"amenity-count\">+20<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"map-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <div class=\"section-badge\">\u00bfUbicaci\u00f3n?<\/div>\n <h3 class=\"section-title\">En el coraz\u00f3n de la Ciudad<\/h3>\n <p class=\"section-subtitle\">San Francisco 345, Del Valle, Benito Ju\u00e1rez, Ciudad de M\u00e9xico, CDMX<\/p>\n <\/div>\n <div class=\"map-container\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3763.5!2d-99.17!3d19.38!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTnCsDIyJzQ4LjAiTiA5OcKwMTAnMTIuMCJX!5e0!3m2!1ses!2smx!4v1\" width=\"100%\" height=\"450\" style=\"border:0; border-radius:20px;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <div class=\"map-overlay\"><a href=\"https:\/\/maps.app.goo.gl\/DNWsjUoFFdr8hWbt7\" target=\"_blank\" class=\"map-btn\" rel=\"noopener\"><i class=\"fas fa-map-marker-alt\"><\/i> Ver en Google Maps<\/a><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"final-cta-section\">\n <div class=\"section-container\">\n <div class=\"final-cta-header\">\n <div class=\"final-cta-badge\"><i class=\"fas fa-star\"><\/i> \u00daLTIMOS DEPARTAMENTOS DISPONIBLES<\/div>\n <h1 class=\"final-cta-title\">\u00bfListo para mudarte?<br><span class=\"highlight-text\">\u00a1No pierdas tu lugar!<\/span><\/h1>\n <\/div>\n <div class=\"final-form-section\">\n <div class=\"final-form-container\">\n <div class=\"form-header\"><h3>RESERVA TU VISITA AHORA<\/h3><\/div>\n <div class=\"custom-form-placeholder\"><div id=\"hubspot-form-footer\"><\/div><\/div>\n <div class=\"form-footer\">\n <div class=\"security-note\"><i class=\"fas fa-lock\"><\/i><span>Tus datos est\u00e1n 100% protegidos. No compartimos tu informaci\u00f3n.<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"footer\">\n <div class=\"footer-content\">\n <img loading=\"lazy\" src=\"https:\/\/urbanista.mx\/wp-content\/uploads\/2025\/10\/Logo-blanco-Urbanista.png.png\" alt=\"Urbanista Logo\" class=\"footer-logo\" loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"60\"><br>\n <p class=\"footer-text\">JOAQUINA by Urbanista – San Francisco 345, Del Valle, Benito Ju\u00e1rez, CDMX<br>Vive la experiencia premium que mereces. MOVE IN. MOVE UP.<\/p>\n <\/div>\n<\/footer>\n\n<script>\nwindow.addEventListener('scroll', function() {\n var scrollTop = window.scrollY;\n var docHeight = document.documentElement.scrollHeight - window.innerHeight;\n var scrollPercent = (scrollTop \/ docHeight) * 100;\n document.getElementById('scrollProgress').style.width = scrollPercent + '%';\n});\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n var target = document.querySelector(this.getAttribute('href'));\n if (target) {\n var offsetPosition = target.getBoundingClientRect().top + window.pageYOffset - 80;\n window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\n }\n });\n});\n(function() {\n var num = Math.floor(Math.random() * 8) + 3;\n var el = document.getElementById('tour-notification-number');\n if (el) el.textContent = num;\n})();\nvar tourLoaded = false;\nvar isFullscreen = false;\nfunction loadVirtualTour() {\n var tourPreview = document.getElementById('tourPreview');\n var tourIframeContainer = document.getElementById('tourIframeContainer');\n var tourFrame = document.getElementById('virtualTourFrame');\n var tourLoading = document.getElementById('tourLoading');\n if (!tourPreview || !tourIframeContainer || !tourFrame) return;\n tourPreview.style.display = 'none';\n tourIframeContainer.classList.add('active');\n tourLoading.classList.remove('hidden');\n if (!tourLoaded) {\n tourFrame.src = 'https:\/\/urbanista.mx\/tours\/Joaquina\/Amenidades\/';\n tourLoaded = true;\n tourFrame.onload = function() { setTimeout(function() { tourLoading.classList.add('hidden'); }, 1000); };\n setTimeout(function() { tourLoading.classList.add('hidden'); }, 5000);\n } else { tourLoading.classList.add('hidden'); }\n var tourSection = document.querySelector('.virtual-tour-section');\n if (tourSection) tourSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\n}\nfunction closeVirtualTour() {\n var tourPreview = document.getElementById('tourPreview');\n var tourIframeContainer = document.getElementById('tourIframeContainer');\n if (!tourPreview || !tourIframeContainer) return;\n if (isFullscreen) exitFullscreen();\n tourPreview.style.display = 'flex';\n tourIframeContainer.classList.remove('active');\n}\nfunction toggleFullscreen() { if (!isFullscreen) enterFullscreen(); else exitFullscreen(); }\nfunction enterFullscreen() { var c = document.getElementById('tourIframeContainer'); if (c) { c.classList.add('fullscreen'); document.body.style.overflow = 'hidden'; isFullscreen = true; } }\nfunction exitFullscreen() { var c = document.getElementById('tourIframeContainer'); if (c) { c.classList.remove('fullscreen'); document.body.style.overflow = ''; isFullscreen = false; } }\ndocument.addEventListener('keydown', function(e) { if (e.key === 'Escape' && isFullscreen) exitFullscreen(); });\nwindow.toggleFaq = function(button) { var answer = button.nextElementSibling; var icon = button.querySelector('i'); answer.classList.toggle('active'); icon.className = answer.classList.contains('active') ? 'fas fa-minus' : 'fas fa-plus'; }\n<\/script>\n<script>\n(function() {\n 'use strict';\n var CONFIG = { portalId: '47830887', formId: 'a0e43f30-1bb9-4806-acc6-003a4bc1f611', region: 'na1' };\n var hubspotLoaded = false, hubspotLoading = false;\n function loadHubSpotScript(callback) {\n if (hubspotLoaded && typeof hbspt !== 'undefined') { if (callback) callback(); return; }\n if (hubspotLoading) { var ci = setInterval(function() { if (hubspotLoaded && typeof hbspt !== 'undefined') { clearInterval(ci); if (callback) callback(); } }, 100); return; }\n hubspotLoading = true;\n var script = document.createElement('script');\n script.type = 'text\/javascript'; script.charset = 'utf-8'; script.async = true;\n script.src = 'https:\/\/js.hsforms.net\/forms\/embed\/v2.js';\n script.onload = function() { hubspotLoaded = true; hubspotLoading = false; if (callback) callback(); };\n script.onerror = function() { hubspotLoading = false; setTimeout(function() { loadHubSpotScript(callback); }, 2000); };\n var fs = document.getElementsByTagName('script')[0];\n if (fs && fs.parentNode) fs.parentNode.insertBefore(script, fs); else document.head.appendChild(script);\n }\n var formsCreated = {};\n function createHubSpotForm(targetId) {\n if (formsCreated[targetId]) return;\n var targetEl = document.getElementById(targetId);\n if (!targetEl) return;\n loadHubSpotScript(function() {\n if (typeof hbspt !== 'undefined' && hbspt.forms) {\n try { hbspt.forms.create({ portalId: CONFIG.portalId, formId: CONFIG.formId, region: CONFIG.region, target: '#' + targetId, onFormReady: function() { formsCreated[targetId] = true; } }); } catch (e) { console.error('Error creando formulario:', e); }\n }\n });\n }\n function init() { createHubSpotForm('hubspot-form-hero'); createHubSpotForm('hubspot-form-footer'); }\n if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();\n window.addEventListener('load', function() { setTimeout(function() { if (!formsCreated['hubspot-form-hero']) createHubSpotForm('hubspot-form-hero'); if (!formsCreated['hubspot-form-footer']) createHubSpotForm('hubspot-form-footer'); }, 500); });\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Joaquina by Urbanista \u2014 Departamentos en Renta Del Valle CDMX sin Aval RENTA TU DEPA PREMIUM EN DEL VALLE A unos pasos de Av. Insurgentes Sur Dos rec\u00e1maras desde: $29,830 * Precios y disponibilidad sujetos a cambios sin previo aviso con servicios, mantenimiento, seguridad y m\u00e1s de 10 amenidades incluidas \u00daltimos studios y depas de […]<\/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-22494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22494","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=22494"}],"version-history":[{"count":14,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22494\/revisions"}],"predecessor-version":[{"id":23861,"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/pages\/22494\/revisions\/23861"}],"wp:attachment":[{"href":"https:\/\/urbanista.mx\/en\/wp-json\/wp\/v2\/media?parent=22494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}