Contacto Bodegas \u2014 Metraje<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --arena:#B8A68D;\n --arena-2:#A8947D;\n --hueso:#F3F0EA;\n --gris:#CFCAC2;\n --texto:#2E2A26;\n --texto-suave:#6E655D;\n --borde:#D9D2C8;\n --focus:#8C7A63;\n --error:#C84747;\n --success:#4A9B6F;\n }<\/p>\n<p> *{ box-sizing:border-box; }<\/p>\n<p> body{\n margin:0;\n background:#0041C2;\n color:var(--texto);\n font-family:\"Montserrat\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial;\n min-height:100vh;\n padding:20px 0;\n }<\/p>\n<p> .wrap{ \n max-width:1200px; \n margin:0 auto; \n padding:32px 20px; \n }<\/p>\n<p> .card{\n background: rgba(0, 32, 96, 0.85);\n border:1px solid rgba(255,255,255,0.15);\n border-radius:18px;\n padding:32px;\n box-shadow: 0 10px 40px rgba(0,0,0,.3);\n transition: box-shadow .3s ease;\n backdrop-filter: blur(10px);\n }<\/p>\n<p> .card:hover{\n box-shadow: 0 15px 50px rgba(0,0,0,.4);\n }<\/p>\n<p> .title{\n margin:0 0 8px;\n font-size:26px; \n font-weight:600; \n letter-spacing:.3px;\n color:#ffffff;\n }<\/p>\n<p> .subtitle{\n margin:0 0 24px;\n font-size:14px;\n color:rgba(255,255,255,0.7);\n font-weight:400;\n }<\/p>\n<p> form{ \n display:grid;\n grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));\n gap:20px;\n margin-bottom:20px;\n }<\/p>\n<p> .field{ \n display:flex; \n flex-direction:column; \n gap:8px;\n }<\/p>\n<p> .field.full-width{\n grid-column: 1 \/ -1;\n }<\/p>\n<p> .field label{\n font-size:13px; \n font-weight:500;\n text-transform:uppercase; \n letter-spacing:.08em;\n color:rgba(255,255,255,0.8);\n }<\/p>\n<p> .field label .required{\n color:var(--error);\n margin-left:2px;\n }<\/p>\n<p> input, select, button{\n height:50px; \n border-radius:12px; \n outline:none;\n font-family:inherit;\n font-size:15px;\n }<\/p>\n<p> input, select{\n padding:0 16px; \n background:rgba(255,255,255,0.1);\n border:2px solid rgba(255,255,255,0.2);\n color:#ffffff;\n box-shadow: inset 0 1px 2px rgba(0,0,0,.2);\n transition: all .2s ease;\n }<\/p>\n<p> select option{\n background:#001f5c;\n color:#ffffff;\n }<\/p>\n<p> input::placeholder{ \n color:rgba(255,255,255,0.5);\n font-size:14px;\n }<\/p>\n<p> input:focus, select:focus{\n border-color:rgba(255,255,255,0.5);\n box-shadow: 0 0 0 4px rgba(255,255,255,.12);\n transform: translateY(-1px);\n background:rgba(255,255,255,0.15);\n }<\/p>\n<p> input.error, select.error{\n border-color:var(--error);\n box-shadow: 0 0 0 4px rgba(200,71,71,.12);\n }<\/p>\n<p> .field-error{\n font-size:12px;\n color:var(--error);\n margin-top:-4px;\n display:none;\n animation: slideDown .2s ease;\n }<\/p>\n<p> .field-error.show{\n display:block;\n }<\/p>\n<p> @keyframes slideDown{\n from{ opacity:0; transform:translateY(-4px); }\n to{ opacity:1; transform:translateY(0); }\n }<\/p>\n<p> button{\n border:none;\n background:linear-gradient(180deg,var(--arena),var(--arena-2));\n color:white; \n font-weight:600; \n padding:0 24px; \n cursor:pointer;\n transition: all .2s ease;\n box-shadow: 0 4px 12px rgba(168,148,125,.3);\n position:relative;\n overflow:hidden;\n }<\/p>\n<p> button::before{\n content:'';\n position:absolute;\n top:0; left:0; right:0; bottom:0;\n background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);\n opacity:0;\n transition:opacity .2s ease;\n }<\/p>\n<p> button:hover{\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(168,148,125,.4);\n }<\/p>\n<p> button:hover::before{\n opacity:1;\n }<\/p>\n<p> button:active{ \n transform: translateY(0); \n box-shadow: 0 2px 8px rgba(168,148,125,.3);\n }<\/p>\n<p> button:disabled{\n opacity:.6;\n cursor:not-allowed;\n transform:none;\n }<\/p>\n<p> .hint{ \n font-size:12px; \n color:rgba(255,255,255,0.6); \n line-height:1.5;\n }<\/p>\n<p> .hint.success{\n color:#4A9B6F;\n font-weight:500;\n }<\/p>\n<p> .hidden{ display:none !important; }<\/p>\n<p> .info-footer{\n display:flex;\n align-items:center;\n gap:12px;\n padding:16px;\n background:rgba(255,255,255,0.1);\n border-radius:10px;\n margin-top:20px;\n border:1px solid rgba(255,255,255,0.1);\n }<\/p>\n<p> .info-footer svg{\n flex-shrink:0;\n color:rgba(255,255,255,0.7);\n }<\/p>\n<p> @media (max-width:768px){\n form{ \n grid-template-columns:1fr;\n }\n .card{\n padding:24px 20px;\n }\n .title{\n font-size:22px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"wrap\">\n<div class=\"card\">\n<h1 class=\"title\">Cotizar bodega por metraje<\/h1>\n<p class=\"subtitle\">Completa el formulario y te contactaremos por WhatsApp<\/p>\n<form id=\"leadForm\" novalidate>\n <\/p>\n<div class=\"field full-width\">\n <label for=\"nombre\"><br \/>\n Nombre completo<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input \n id=\"nombre\" \n name=\"nombre\" \n type=\"text\" \n placeholder=\"Ej: Cristian Mart\u00ednez Gonz\u00e1lez\" \n required \n minlength=\"3\"\n autocomplete=\"name\"\n \/><br \/>\n <span class=\"field-error\" id=\"nombreError\">Por favor ingresa tu nombre completo<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"field\">\n <label for=\"cel\"><br \/>\n Celular<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input \n id=\"cel\" \n name=\"cel\" \n type=\"tel\" \n inputmode=\"tel\"\n placeholder=\"+56 9 1234 5678\"\n required\n autocomplete=\"tel\"\n \/><br \/>\n <span class=\"field-error\" id=\"celError\">Ingresa un n\u00famero v\u00e1lido<\/span><\/p>\n<div class=\"hint\">Formato: +56 9 xxxx xxxx<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"field\">\n <label for=\"metros\"><br \/>\n Metros cuadrados<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <select id=\"metros\" name=\"metros\" required><option value=\"\" disabled selected>Selecciona m\u00b2<\/option><option value=\"10\">10 m\u00b2<\/option><option value=\"20\">20 m\u00b2<\/option><option value=\"30\">30 m\u00b2<\/option><option value=\"40\">40 m\u00b2<\/option><option value=\"50\">50 m\u00b2<\/option><option value=\"75\">75 m\u00b2<\/option><option value=\"100\">100 m\u00b2<\/option><option value=\"150\">150 m\u00b2<\/option><option value=\"200\">200 m\u00b2<\/option><option value=\"otro\">Otro (especificar)<\/option><\/select><br \/>\n <span class=\"field-error\" id=\"metrosError\">Selecciona el metraje<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"field hidden\" id=\"metrosCustomWrap\">\n <label for=\"metrosCustom\"><br \/>\n Especificar m\u00b2<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input \n id=\"metrosCustom\" \n name=\"metrosCustom\" \n type=\"number\" \n min=\"1\" \n max=\"10000\"\n step=\"1\" \n placeholder=\"Ej: 125\" \n \/><br \/>\n <span class=\"field-error\" id=\"metrosCustomError\">Ingresa un valor v\u00e1lido<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"field\">\n <label for=\"sector\"><br \/>\n Sector preferido<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <select id=\"sector\" name=\"sector\" required><option value=\"\" disabled selected>Selecciona sector<\/option><option value=\"Norte\">Norte<\/option><option value=\"Sur\">Sur<\/option><option value=\"Oriente\">Oriente (Este)<\/option><option value=\"Poniente\">Poniente (Oeste)<\/option><option value=\"Centro\">Centro<\/option><option value=\"Indiferente\">Indiferente<\/option><\/select><br \/>\n <span class=\"field-error\" id=\"sectorError\">Selecciona un sector<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"field full-width\">\n <button type=\"submit\" aria-label=\"Enviar consulta por WhatsApp\"><br \/>\n \ud83d\udcf1 Enviar a WhatsApp<br \/>\n <\/button>\n <\/div>\n<\/p><\/form>\n<div class=\"info-footer\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/>\n <\/svg><\/p>\n<p class=\"hint\">Se abrir\u00e1 WhatsApp con el mensaje prellenado. Solo deber\u00e1s presionar enviar.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n (function(){\n \/\/ Elementos\n const form = document.getElementById('leadForm');\n const selMetros = document.getElementById('metros');\n const metrosCustomWrap = document.getElementById('metrosCustomWrap');\n const metrosCustom = document.getElementById('metrosCustom');<\/p>\n<p> const fields = {\n nombre: document.getElementById('nombre'),\n cel: document.getElementById('cel'),\n metros: selMetros,\n metrosCustom: metrosCustom,\n sector: document.getElementById('sector')\n };<\/p>\n<p> \/\/ Validaci\u00f3n de tel\u00e9fono chileno\n function validarCelularChile(tel) {\n const cleaned = tel.replace(\/\\s+\/g, '');\n const patterns = [\n \/^\\+569\\d{8}$\/,\n \/^569\\d{8}$\/,\n \/^9\\d{8}$\/\n ];\n return patterns.some(pattern => pattern.test(cleaned));\n }<\/p>\n<p> \/\/ Formatear tel\u00e9fono autom\u00e1ticamente\n fields.cel.addEventListener('input', (e) => {\n let val = e.target.value.replace(\/[^\\d+]\/g, '');<\/p>\n<p> if(val.startsWith('569')) val = '+' + val;\n else if(val.startsWith('9') && val.length > 1) val = '+56' + val;<\/p>\n<p> if(val.startsWith('+569') && val.length > 4) {\n val = val.slice(0, 4) + ' ' + val.slice(4);\n if(val.length > 9) val = val.slice(0, 9) + ' ' + val.slice(9);\n if(val.length > 14) val = val.slice(0, 14) + ' ' + val.slice(14, 18);\n }<\/p>\n<p> e.target.value = val;\n });<\/p>\n<p> \/\/ Mostrar\/ocultar campo personalizado\n selMetros.addEventListener('change', () => {\n const custom = selMetros.value === 'otro';\n metrosCustomWrap.classList.toggle('hidden', !custom);\n metrosCustom.required = custom;<\/p>\n<p> if(custom) {\n setTimeout(() => metrosCustom.focus(), 100);\n } else {\n clearError('metrosCustom');\n }\n });<\/p>\n<p> \/\/ Funciones de validaci\u00f3n\n function showError(fieldName, message) {\n const field = fields[fieldName];\n const errorEl = document.getElementById(fieldName + 'Error');<\/p>\n<p> if(field && errorEl) {\n field.classList.add('error');\n errorEl.textContent = message || errorEl.textContent;\n errorEl.classList.add('show');\n }\n }<\/p>\n<p> function clearError(fieldName) {\n const field = fields[fieldName];\n const errorEl = document.getElementById(fieldName + 'Error');<\/p>\n<p> if(field && errorEl) {\n field.classList.remove('error');\n errorEl.classList.remove('show');\n }\n }<\/p>\n<p> \/\/ Limpiar errores al escribir\n Object.keys(fields).forEach(key => {\n if(fields[key]) {\n fields[key].addEventListener('input', () => clearError(key));\n fields[key].addEventListener('change', () => clearError(key));\n }\n });<\/p>\n<p> \/\/ Validar formulario\n function validateForm() {\n let isValid = true;<\/p>\n<p> \/\/ Nombre\n if(!fields.nombre.value.trim() || fields.nombre.value.trim().length < 3) {\n showError('nombre', 'Ingresa tu nombre completo (m\u00ednimo 3 caracteres)');\n isValid = false;\n }\n\n \/\/ Celular\n if(!validarCelularChile(fields.cel.value)) {\n showError('cel', 'Formato inv\u00e1lido. Usa: +56 9 xxxx xxxx');\n isValid = false;\n }\n\n \/\/ Metros\n if(!fields.metros.value) {\n showError('metros', 'Selecciona el metraje deseado');\n isValid = false;\n }\n\n \/\/ Metros custom\n if(fields.metros.value === 'otro') {\n const customVal = parseInt(fields.metrosCustom.value);\n if(!customVal || customVal < 1 || customVal > 10000) {\n showError('metrosCustom', 'Ingresa un valor entre 1 y 10000 m\u00b2');\n isValid = false;\n }\n }<\/p>\n<p> \/\/ Sector\n if(!fields.sector.value) {\n showError('sector', 'Selecciona un sector');\n isValid = false;\n }<\/p>\n<p> return isValid;\n }<\/p>\n<p> \/\/ Env\u00edo del formulario\n form.addEventListener('submit', (e) => {\n e.preventDefault();<\/p>\n<p> if(!validateForm()) {\n const firstError = form.querySelector('.error');\n if(firstError) firstError.focus();\n return;\n }<\/p>\n<p> const nombre = fields.nombre.value.trim();\n const cel = fields.cel.value.trim();\n const metros = fields.metros.value === 'otro' \n ? fields.metrosCustom.value.trim() \n : fields.metros.value;\n const sector = fields.sector.value;<\/p>\n<p> const telefonoDestino = \"56966407673\";\n const mensaje = `Hola, quiero cotizar una bodega por metraje.<\/p>\n<p>\ud83d\udccb *Informaci\u00f3n del cliente*\n\u2022 Nombre: ${nombre}\n\u2022 Celular: ${cel}\n\u2022 Metraje: ${metros} m\u00b2\n\u2022 Sector: ${sector}<\/p>\n<p>Quedo atento a su respuesta. \u00a1Gracias!`;<\/p>\n<p> const url = `https:\/\/wa.me\/${telefonoDestino}?text=${encodeURIComponent(mensaje)}`;<\/p>\n<p> \/\/ Abrir WhatsApp\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n });\n })();\n <\/script><br \/>\n<\/body><br \/>\n<\/html>\n<\/div>\n<h1>Oficinas,Bodegas y Locales Comerciales<\/h1>\n<div><center><\/p>\n<h5 style=\"color: #ffffff;\">boloco.cl conecta empresas, inversionistas y propietarios con bodegas y locales comerciales en venta y arriendo, priorizando ubicaci\u00f3n, normativa y eficiencia operativa. Secci\u00f3n 1 Centraliza tu b\u00fasqueda en una plataforma especializada. Menos tiempo revisando portales gen\u00e9ricos, m\u00e1s foco en oportunidades realmente alineadas con tu negocio.<\/h5>\n<p><\/center><\/div>\n<hr>\n<div>\n<p> <CENTER><a href=\"https:\/\/wa.me\/56966407673\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"\n display: inline-block;\n padding: 12px 24px;\n border-radius: 999px;\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\n color: #ffffff;\n font-family: Arial, sans-serif;\n font-size: 16px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n text-transform: uppercase;\n letter-spacing: 1px;\n \"><br \/>\n COMUNICATE CONMIGO<br \/>\n<\/a><\/p>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/bodegas_reales_sin_borde_acuarela.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/BODEGAS1.png\" alt=\"\"><\/p>\n<h1>Socio estrat\u00e9gico para decisiones inmobiliarias clave<\/h1>\n<hr>\n<div>\n<div style=\"color: #ffffff;\">\n<p>Nuestra especialidad son las propiedades comerciales: bodegas, locales y activos mixtos que combinan log\u00edstica, operaci\u00f3n y presencia de marca.<\/p>\n<ul>\n<li>Enfoque 100% en activos comerciales.<\/li>\n<li>Conocimiento de normativa sanitaria y ambiental.<\/li>\n<li>An\u00e1lisis de uso de suelo y compatibilidad de giro.<\/li>\n<\/ul>\n<ul>\n<li>Red de propietarios e inversionistas verificados.<\/li>\n<li>Acompa\u00f1amiento t\u00e9cnico y comercial en todo el proceso.<\/li>\n<li>Visi\u00f3n de largo plazo para tu operaci\u00f3n.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div>\n<p> <CENTER><a href=\"https:\/\/wa.me\/56966407673\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"\n display: inline-block;\n padding: 12px 24px;\n border-radius: 999px;\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\n color: #ffffff;\n font-family: Arial, sans-serif;\n font-size: 16px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n text-transform: uppercase;\n letter-spacing: 1px;\n \"><br \/>\n COMUNICATE CONMIGO<br \/>\n<\/a><\/p>\n<\/div>\n<h1>\u00bfQu\u00e9 promueven y encuentran las empresas en boloco.cl?<\/h1>\n<div>\n<h3>BODEGAS<\/h3>\n<div>\n<p><span><\/span><\/p>\n<p><center><\/p>\n<h5 style=\"color: #ffffff;\">Espacios industriales y log\u00edsticos que cumplen normativa sanitaria y ambiental, con altura \u00fatil, accesos y potencia el\u00e9ctrica pensados para productividad.<\/h5>\n<p><\/center><\/div>\n<\/div>\n<div>\n<h3>LOCALES COMERCIALES<\/h3>\n<div>\n<center><\/p>\n<h5 style=\"color: #ffffff;\">Locales a la calle,<br \/> strip centers y centros comerciales alineados con el flujo peatonal y<BR> el perfil de tu cliente objetivo.<\/h5>\n<p><\/center><\/p>\n<\/div>\n<\/div>\n<div>\n<h3>OFICINAS Y PLANTAS MIXTAS<\/h3>\n<div>\n<center><\/p>\n<h5 style=\"color: #ffffff;\">Emplazamientos que combinan operaci\u00f3n, administraci\u00f3n <br \/>y atenci\u00f3n de clientes<br \/>en un mismo lugar.<\/h5>\n<p><\/center><\/div>\n<\/div>\n<div>\n<p> <CENTER><a href=\"https:\/\/wa.me\/56966407673\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"\n display: inline-block;\n padding: 12px 24px;\n border-radius: 999px;\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\n color: #ffffff;\n font-family: Arial, sans-serif;\n font-size: 16px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n text-transform: uppercase;\n letter-spacing: 1px;\n \"><br \/>\n COMUNICATE CONMIGO<br \/>\n<\/a><\/p>\n<\/div>\n<div>\n<p> <\/p>\n<section class=\"boloco-metrics-section\">\n<div class=\"boloco-metrics-inner\">\n<div class=\"boloco-metrics-header\">\n<div class=\"metrics-kicker\">RESULTADOS<\/div>\n<h2>Beneficios medibles para tu negocio<\/h2>\n<p>\n Indicadores que resumen el impacto de trabajar con una plataforma especializada<br \/>\n en bodegas y locales comerciales.\n <\/p>\n<\/p><\/div>\n<div class=\"boloco-metrics-grid\">\n <\/p>\n<article class=\"metric-card\">\n<div class=\"metric-number-wrapper\">\n <span class=\"metric-number\" data-target=\"70\" data-suffix=\"%\">0%<\/span>\n <\/div>\n<p class=\"metric-text\">\n Reducci\u00f3n promedio de tiempo de b\u00fasqueda vs. m\u00e9todos tradicionales.\n <\/p>\n<\/article>\n<p> <\/p>\n<article class=\"metric-card\">\n<div class=\"metric-number-wrapper\">\n <span class=\"metric-number\" data-target=\"100\" data-suffix=\"+\">0+<\/span>\n <\/div>\n<p class=\"metric-text\">\n Propiedades comerciales activas en nuestra red.\n <\/p>\n<\/article>\n<p> <\/p>\n<article class=\"metric-card\">\n<div class=\"metric-number-wrapper\">\n <span class=\"metric-number\" data-target=\"30\" data-suffix=\"%\">0%<\/span>\n <\/div>\n<p class=\"metric-text\">\n Mejora esperada en vacancia para propietarios que trabajan con nosotros.\n <\/p>\n<\/article>\n<p> <\/p>\n<article class=\"metric-card\">\n<div class=\"metric-number-wrapper\">\n <span class=\"metric-number\" data-target=\"24\" data-suffix=\"\/7\">0\/7<\/span>\n <\/div>\n<p class=\"metric-text\">\n Acceso a informaci\u00f3n y fichas t\u00e9cnicas 24\/7 desde cualquier dispositivo.\n <\/p>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n :root {\n --boloco-bg: #050b1a;\n --boloco-panel: #091328;\n --boloco-panel-2: #0d1831;\n --boloco-azul-claro: #3fa9f5;\n --boloco-azul-neon: #35e0ff;\n --boloco-text: #f5f7ff;\n --boloco-text-sec: #c4c9da;\n }<\/p>\n<p> .boloco-metrics-section {\n padding: 48px 16px;\n background: radial-gradient(circle at top, #111f3c 0, #050b1a 55%, #02040b 100%);\n }<\/p>\n<p> .boloco-metrics-inner {\n max-width: 1120px;\n margin: 0 auto;\n }<\/p>\n<p> .boloco-metrics-header {\n margin-bottom: 18px;\n }<\/p>\n<p> .metrics-kicker {\n font-size: 0.75rem;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: #f5b559;\n margin-bottom: 4px;\n }<\/p>\n<p> .boloco-metrics-header h2 {\n margin: 0 0 6px;\n font-size: 1.6rem;\n color: var(--boloco-text);\n }<\/p>\n<p> .boloco-metrics-header p {\n margin: 0;\n color: var(--boloco-text-sec);\n font-size: 0.92rem;\n }<\/p>\n<p> .boloco-metrics-grid {\n margin-top: 20px;\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n }<\/p>\n<p> .metric-card {\n background: radial-gradient(circle at top left, rgba(63,169,245,0.16), transparent 60%),\n linear-gradient(145deg, var(--boloco-panel), var(--boloco-panel-2));\n border-radius: 14px;\n padding: 16px 18px;\n border: 1px solid rgba(255,255,255,0.06);\n box-shadow:\n 0 0 0 1px rgba(9, 19, 40, 0.8),\n 0 14px 32px rgba(0,0,0,0.7);\n }<\/p>\n<p> .metric-number-wrapper {\n margin-bottom: 4px;\n }<\/p>\n<p> .metric-number {\n font-size: 1.9rem;\n font-weight: 700;\n color: var(--boloco-azul-neon);\n text-shadow:\n 0 0 8px rgba(53,224,255,0.7),\n 0 0 22px rgba(63,169,245,0.7);\n display: inline-block;\n }<\/p>\n<p> .metric-text {\n margin: 0;\n font-size: 0.9rem;\n color: var(--boloco-text-sec);\n }<\/p>\n<p> @media (max-width: 768px) {\n .boloco-metrics-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n }\n<\/style>\n<p><script>\n \/\/ Animaci\u00f3n de n\u00fameros cuando la secci\u00f3n entra en vista\n (function () {\n const metricsSection = document.querySelector('.boloco-metrics-section');\n if (!metricsSection) return;<\/p>\n<p> const numbers = metricsSection.querySelectorAll('.metric-number');\n let alreadyAnimated = false;<\/p>\n<p> const animateNumber = (el) => {\n const target = parseInt(el.getAttribute('data-target'), 10);\n const suffix = el.getAttribute('data-suffix') || '';\n if (isNaN(target)) return;<\/p>\n<p> const duration = 1200; \/\/ ms\n const startTime = performance.now();<\/p>\n<p> const tick = (now) => {\n const progress = Math.min((now - startTime) \/ duration, 1);\n const current = Math.floor(progress * target);<\/p>\n<p> el.textContent = current + suffix;<\/p>\n<p> if (progress < 1) {\n requestAnimationFrame(tick);\n } else {\n \/\/ asegurar que termine exactamente en el valor objetivo\n el.textContent = target + suffix;\n }\n };\n\n requestAnimationFrame(tick);\n };\n\n const observer = new IntersectionObserver(\n (entries, obs) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting && !alreadyAnimated) {\n alreadyAnimated = true;\n numbers.forEach(animateNumber);\n obs.disconnect();\n }\n });\n },\n { threshold: 0.35 }\n );<\/p>\n<p> observer.observe(metricsSection);\n })();\n<\/script><\/p>\n<\/div>\n<p><br \/>\n\\n <\/p>\n<div class=\\\"field full-width\\\">\\n <label for=\\\"nombre\\\">\\n Nombre completo\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <input \\n id=\\\"nombre\\\" \\n name=\\\"nombre\\\" \\n type=\\\"text\\\" \\n placeholder=\\\"Ej: Cristian Mart\\u00ednez Gonz\\u00e1lez\\\" \\n required \\n minlength=\\\"3\\\"\\n autocomplete=\\\"name\\\"\\n \\\/>\\n <span class=\\\"field-error\\\" id=\\\"nombreError\\\">Por favor ingresa tu nombre completo<\\\/span>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field\\\">\\n <label for=\\\"cel\\\">\\n Celular\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <input \\n id=\\\"cel\\\" \\n name=\\\"cel\\\" \\n type=\\\"tel\\\" \\n inputmode=\\\"tel\\\"\\n placeholder=\\\"+56 9 1234 5678\\\"\\n required\\n autocomplete=\\\"tel\\\"\\n \\\/>\\n <span class=\\\"field-error\\\" id=\\\"celError\\\">Ingresa un n\\u00famero v\\u00e1lido<\\\/span>\\n <\/p>\n<div class=\\\"hint\\\">Formato: +56 9 xxxx xxxx<\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field\\\">\\n <label for=\\\"metros\\\">\\n Metros cuadrados\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <select id=\\\"metros\\\" name=\\\"metros\\\" required>\\n<option value=\\\"\\\" disabled selected>Selecciona m\\u00b2<\\\/option>\\n<option value=\\\"10\\\">10 m\\u00b2<\\\/option>\\n<option value=\\\"20\\\">20 m\\u00b2<\\\/option>\\n<option value=\\\"30\\\">30 m\\u00b2<\\\/option>\\n<option value=\\\"40\\\">40 m\\u00b2<\\\/option>\\n<option value=\\\"50\\\">50 m\\u00b2<\\\/option>\\n<option value=\\\"75\\\">75 m\\u00b2<\\\/option>\\n<option value=\\\"100\\\">100 m\\u00b2<\\\/option>\\n<option value=\\\"150\\\">150 m\\u00b2<\\\/option>\\n<option value=\\\"200\\\">200 m\\u00b2<\\\/option>\\n<option value=\\\"otro\\\">Otro (especificar)<\\\/option>\\n <\\\/select>\\n <span class=\\\"field-error\\\" id=\\\"metrosError\\\">Selecciona el metraje<\\\/span>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field hidden\\\" id=\\\"metrosCustomWrap\\\">\\n <label for=\\\"metrosCustom\\\">\\n Especificar m\\u00b2\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <input \\n id=\\\"metrosCustom\\\" \\n name=\\\"metrosCustom\\\" \\n type=\\\"number\\\" \\n min=\\\"1\\\" \\n max=\\\"10000\\\"\\n step=\\\"1\\\" \\n placeholder=\\\"Ej: 125\\\" \\n \\\/>\\n <span class=\\\"field-error\\\" id=\\\"metrosCustomError\\\">Ingresa un valor v\\u00e1lido<\\\/span>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field\\\">\\n <label for=\\\"sector\\\">\\n Sector preferido\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <select id=\\\"sector\\\" name=\\\"sector\\\" required>\\n<option value=\\\"\\\" disabled selected>Selecciona sector<\\\/option>\\n<option value=\\\"Norte\\\">Norte<\\\/option>\\n<option value=\\\"Sur\\\">Sur<\\\/option>\\n<option value=\\\"Oriente\\\">Oriente (Este)<\\\/option>\\n<option value=\\\"Poniente\\\">Poniente (Oeste)<\\\/option>\\n<option value=\\\"Centro\\\">Centro<\\\/option>\\n<option value=\\\"Indiferente\\\">Indiferente<\\\/option>\\n <\\\/select>\\n <span class=\\\"field-error\\\" id=\\\"sectorError\\\">Selecciona un sector<\\\/span>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field full-width\\\">\\n <button type=\\\"submit\\\" aria-label=\\\"Enviar consulta por WhatsApp\\\">\\n \\ud83d\\udcf1 Enviar a WhatsApp\\n <\\\/button>\\n <\\\/div>\\n <\\\/form>\\n\\n <\/p>\n<div class=\\\"info-footer\\\">\\n <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\">\\n <circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"10\\\"\\\/>\\n <line x1=\\\"12\\\" y1=\\\"16\\\" x2=\\\"12\\\" y2=\\\"12\\\"\\\/>\\n <line x1=\\\"12\\\" y1=\\\"8\\\" x2=\\\"12.01\\\" y2=\\\"8\\\"\\\/>\\n <\\\/svg>\\n <\/p>\n<p class=\\\"hint\\\">Se abrir\\u00e1 WhatsApp con el mensaje prellenado. Solo deber\\u00e1s presionar enviar.<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n <script>\\n (function(){\\n \\\/\\\/ Elementos\\n const form = document.getElementById('leadForm');\\n const selMetros = document.getElementById('metros');\\n const metrosCustomWrap = document.getElementById('metrosCustomWrap');\\n const metrosCustom = document.getElementById('metrosCustom');\\n \\n const fields = {\\n nombre: document.getElementById('nombre'),\\n cel: document.getElementById('cel'),\\n metros: selMetros,\\n metrosCustom: metrosCustom,\\n sector: document.getElementById('sector')\\n };\\n\\n \\\/\\\/ Validaci\\u00f3n de tel\\u00e9fono chileno\\n function validarCelularChile(tel) {\\n const cleaned = tel.replace(\\\/\\\\s+\\\/g, '');\\n const patterns = [\\n \\\/^\\\\+569\\\\d{8}$\\\/,\\n \\\/^569\\\\d{8}$\\\/,\\n \\\/^9\\\\d{8}$\\\/\\n ];\\n return patterns.some(pattern => pattern.test(cleaned));\\n }\\n\\n \\\/\\\/ Formatear tel\\u00e9fono autom\\u00e1ticamente\\n fields.cel.addEventListener('input', (e) => {\\n let val = e.target.value.replace(\\\/[^\\\\d+]\\\/g, '');\\n \\n if(val.startsWith('569')) val = '+' + val;\\n else if(val.startsWith('9') && val.length > 1) val = '+56' + val;\\n \\n if(val.startsWith('+569') && val.length > 4) {\\n val = val.slice(0, 4) + ' ' + val.slice(4);\\n if(val.length > 9) val = val.slice(0, 9) + ' ' + val.slice(9);\\n if(val.length > 14) val = val.slice(0, 14) + ' ' + val.slice(14, 18);\\n }\\n \\n e.target.value = val;\\n });\\n\\n \\\/\\\/ Mostrar\\\/ocultar campo personalizado\\n selMetros.addEventListener('change', () => {\\n const custom = selMetros.value === 'otro';\\n metrosCustomWrap.classList.toggle('hidden', !custom);\\n metrosCustom.required = custom;\\n \\n if(custom) {\\n setTimeout(() => metrosCustom.focus(), 100);\\n } else {\\n clearError('metrosCustom');\\n }\\n });\\n\\n \\\/\\\/ Funciones de validaci\\u00f3n\\n function showError(fieldName, message) {\\n const field = fields[fieldName];\\n const errorEl = document.getElementById(fieldName + 'Error');\\n \\n if(field && errorEl) {\\n field.classList.add('error');\\n errorEl.textContent = message || errorEl.textContent;\\n errorEl.classList.add('show');\\n }\\n }\\n\\n function clearError(fieldName) {\\n const field = fields[fieldName];\\n const errorEl = document.getElementById(fieldName + 'Error');\\n \\n if(field && errorEl) {\\n field.classList.remove('error');\\n errorEl.classList.remove('show');\\n }\\n }\\n\\n \\\/\\\/ Limpiar errores al escribir\\n Object.keys(fields).forEach(key => {\\n if(fields[key]) {\\n fields[key].addEventListener('input', () => clearError(key));\\n fields[key].addEventListener('change', () => clearError(key));\\n }\\n });\\n\\n \\\/\\\/ Validar formulario\\n function validateForm() {\\n let isValid = true;\\n\\n \\\/\\\/ Nombre\\n if(!fields.nombre.value.trim() || fields.nombre.value.trim().length < 3) {\\n showError('nombre', 'Ingresa tu nombre completo (m\\u00ednimo 3 caracteres)');\\n isValid = false;\\n }\\n\\n \\\/\\\/ Celular\\n if(!validarCelularChile(fields.cel.value)) {\\n showError('cel', 'Formato inv\\u00e1lido. Usa: +56 9 xxxx xxxx');\\n isValid = false;\\n }\\n\\n \\\/\\\/ Metros\\n if(!fields.metros.value) {\\n showError('metros', 'Selecciona el metraje deseado');\\n isValid = false;\\n }\\n\\n \\\/\\\/ Metros custom\\n if(fields.metros.value === 'otro') {\\n const customVal = parseInt(fields.metrosCustom.value);\\n if(!customVal || customVal < 1 || customVal > 10000) {\\n showError('metrosCustom', 'Ingresa un valor entre 1 y 10000 m\\u00b2');\\n isValid = false;\\n }\\n }\\n\\n \\\/\\\/ Sector\\n if(!fields.sector.value) {\\n showError('sector', 'Selecciona un sector');\\n isValid = false;\\n }\\n\\n return isValid;\\n }\\n\\n \\\/\\\/ Env\\u00edo del formulario\\n form.addEventListener('submit', (e) => {\\n e.preventDefault();\\n\\n if(!validateForm()) {\\n const firstError = form.querySelector('.error');\\n if(firstError) firstError.focus();\\n return;\\n }\\n\\n const nombre = fields.nombre.value.trim();\\n const cel = fields.cel.value.trim();\\n const metros = fields.metros.value === 'otro' \\n ? fields.metrosCustom.value.trim() \\n : fields.metros.value;\\n const sector = fields.sector.value;\\n\\n const telefonoDestino = \\\"56966407673\\\";\\n const mensaje = `Hola, quiero cotizar una bodega por metraje.\\n\\n\\ud83d\\udccb *Informaci\\u00f3n del cliente*\\n\\u2022 Nombre: ${nombre}\\n\\u2022 Celular: ${cel}\\n\\u2022 Metraje: ${metros} m\\u00b2\\n\\u2022 Sector: ${sector}\\n\\nQuedo atento a su respuesta. \\u00a1Gracias!`;\\n\\n const url = `https:\\\/\\\/wa.me\\\/${telefonoDestino}?text=${encodeURIComponent(mensaje)}`;\\n \\n \\\/\\\/ Abrir WhatsApp\\n window.open(url, \\\"_blank\\\", \\\"noopener,noreferrer\\\");\\n });\\n })();\\n <\\\/script>\\n<\\\/body>\\n<\\\/html>\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Oficinas,Bodegas y Locales Comerciales\",\"title_element\":\"h1\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<center>\\n<\/p>\n<h5 style=\\\"color: #ffffff;\\\">boloco.cl conecta empresas, inversionistas y propietarios con bodegas y locales comerciales en venta y arriendo, priorizando ubicaci\\u00f3n, normativa y eficiencia operativa. Secci\\u00f3n 1 Centraliza tu b\\u00fasqueda en una plataforma especializada. Menos tiempo revisando portales gen\\u00e9ricos, m\\u00e1s foco en oportunidades realmente alineadas con tu negocio.<\\\/h5>\\n<\\\/center>\",\"margin\":\"default\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}},{\"type\":\"html\",\"props\":{\"content\":\"<CENTER><a href=\\\"https:\\\/\\\/wa.me\\\/56966407673\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\\n style=\\\"\\n display: inline-block;\\n padding: 12px 24px;\\n border-radius: 999px;\\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\\n color: #ffffff;\\n font-family: Arial, sans-serif;\\n font-size: 16px;\\n font-weight: bold;\\n text-decoration: none;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n \\\">\\n COMUNICATE CONMIGO\\n<\\\/a>\\n\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/12\\\/bodegas_reales_sin_borde_acuarela.png\",\"image_svg_color\":\"emphasis\",\"margin\":\"default\"}}]}],\"props\":{\"layout\":\"1-2,1-2\"}}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/08\\\/BODEGAS1.png\",\"image_svg_color\":\"emphasis\",\"margin\":\"default\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Socio estrat\\u00e9gico para decisiones inmobiliarias clave\",\"title_element\":\"h1\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div style=\\\"color: #ffffff;\\\">\\n <\/p>\n<p>Nuestra especialidad son las propiedades comerciales: bodegas, locales y activos mixtos que combinan log\\u00edstica, operaci\\u00f3n y presencia de marca.<br \\\/><br \\\/><\\\/p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Enfoque 100% en activos comerciales.<\\\/li>\\n\n<li>Conocimiento de normativa sanitaria y ambiental.<\\\/li>\\n\n<li>An\\u00e1lisis de uso de suelo y compatibilidad de giro.<\\\/li>\\n <\\\/ul>\\n\n<ul>\\n <\/p>\n<li>Red de propietarios e inversionistas verificados.<\\\/li>\\n\n<li>Acompa\\u00f1amiento t\\u00e9cnico y comercial en todo el proceso.<\\\/li>\\n\n<li>Visi\\u00f3n de largo plazo para tu operaci\\u00f3n.<\\\/li>\\n <\\\/ul>\\n<\\\/div>\\n\",\"margin\":\"default\"}},{\"type\":\"html\",\"props\":{\"content\":\"<CENTER><a href=\\\"https:\\\/\\\/wa.me\\\/56966407673\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\\n style=\\\"\\n display: inline-block;\\n padding: 12px 24px;\\n border-radius: 999px;\\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\\n color: #ffffff;\\n font-family: Arial, sans-serif;\\n font-size: 16px;\\n font-weight: bold;\\n text-decoration: none;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n \\\">\\n COMUNICATE CONMIGO\\n<\\\/a>\\n\"}}]}],\"props\":{\"layout\":\"1-2,1-2\"}}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"\\u00bfQu\\u00e9 promueven y encuentran las empresas en boloco.cl?\",\"title_element\":\"h1\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"style\":\"card-default\",\"width_medium\":\"1-3\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"\n<p><span><\\\/span><\\\/p>\\n\\n<center>\\n<\/p>\n<h5 style=\\\"color: #ffffff;\\\">Espacios industriales y log\\u00edsticos que cumplen normativa sanitaria y ambiental, con altura \\u00fatil, accesos y potencia el\\u00e9ctrica pensados para productividad.<\\\/h5>\\n<\\\/center>\",\"content_column_breakpoint\":\"m\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_style\":\"tile-default\",\"text_align\":\"center\",\"title\":\"BODEGAS\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"style\":\"card-default\",\"width_medium\":\"1-3\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"\\n<center>\\n<\/p>\n<h5 style=\\\"color: #ffffff;\\\">Locales a la calle,<br \/> strip centers y centros comerciales alineados con el flujo peatonal y<BR> el perfil de tu cliente objetivo.<\\\/h5>\\n<\\\/center>\\n\\n\",\"content_column_breakpoint\":\"m\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_style\":\"tile-default\",\"text_align\":\"center\",\"title\":\"LOCALES COMERCIALES\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"style\":\"card-default\",\"width_medium\":\"1-3\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"\\n<center>\\n<\/p>\n<h5 style=\\\"color: #ffffff;\\\">Emplazamientos que combinan operaci\\u00f3n, administraci\\u00f3n <br \/>y atenci\\u00f3n de clientes<br \/>en un mismo lugar.<\\\/h5>\\n<\\\/center>\",\"content_column_breakpoint\":\"m\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_style\":\"tile-default\",\"text_align\":\"center\",\"title\":\"OFICINAS Y PLANTAS MIXTAS\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}}]}],\"props\":{\"layout\":\"1-3,1-3,1-3\"}},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<CENTER><a href=\\\"https:\\\/\\\/wa.me\\\/56966407673\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\\n style=\\\"\\n display: inline-block;\\n padding: 12px 24px;\\n border-radius: 999px;\\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\\n color: #ffffff;\\n font-family: Arial, sans-serif;\\n font-size: 16px;\\n font-weight: bold;\\n text-decoration: none;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n \\\">\\n COMUNICATE CONMIGO\\n<\\\/a>\\n\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\\n<\/p>\n<section class=\\\"boloco-metrics-section\\\">\\n <\/p>\n<div class=\\\"boloco-metrics-inner\\\">\\n \\n <\/p>\n<div class=\\\"boloco-metrics-header\\\">\\n <\/p>\n<div class=\\\"metrics-kicker\\\">RESULTADOS<\\\/div>\\n <\/p>\n<h2>Beneficios medibles para tu negocio<\\\/h2>\\n <\/p>\n<p>\\n Indicadores que resumen el impacto de trabajar con una plataforma especializada\\n en bodegas y locales comerciales.\\n <\\\/p>\\n <\\\/div>\\n\\n <\/p>\n<div class=\\\"boloco-metrics-grid\\\">\\n \\n <\/p>\n<article class=\\\"metric-card\\\">\\n <\/p>\n<div class=\\\"metric-number-wrapper\\\">\\n <span class=\\\"metric-number\\\" data-target=\\\"70\\\" data-suffix=\\\"%\\\">0%<\\\/span>\\n <\\\/div>\\n <\/p>\n<p class=\\\"metric-text\\\">\\n Reducci\\u00f3n promedio de tiempo de b\\u00fasqueda vs. m\\u00e9todos tradicionales.\\n <\\\/p>\\n <\\\/article>\\n\\n \\n <\/p>\n<article class=\\\"metric-card\\\">\\n <\/p>\n<div class=\\\"metric-number-wrapper\\\">\\n <span class=\\\"metric-number\\\" data-target=\\\"100\\\" data-suffix=\\\"+\\\">0+<\\\/span>\\n <\\\/div>\\n <\/p>\n<p class=\\\"metric-text\\\">\\n Propiedades comerciales activas en nuestra red.\\n <\\\/p>\\n <\\\/article>\\n\\n \\n <\/p>\n<article class=\\\"metric-card\\\">\\n <\/p>\n<div class=\\\"metric-number-wrapper\\\">\\n <span class=\\\"metric-number\\\" data-target=\\\"30\\\" data-suffix=\\\"%\\\">0%<\\\/span>\\n <\\\/div>\\n <\/p>\n<p class=\\\"metric-text\\\">\\n Mejora esperada en vacancia para propietarios que trabajan con nosotros.\\n <\\\/p>\\n <\\\/article>\\n\\n \\n <\/p>\n<article class=\\\"metric-card\\\">\\n <\/p>\n<div class=\\\"metric-number-wrapper\\\">\\n <span class=\\\"metric-number\\\" data-target=\\\"24\\\" data-suffix=\\\"\\\/7\\\">0\\\/7<\\\/span>\\n <\\\/div>\\n <\/p>\n<p class=\\\"metric-text\\\">\\n Acceso a informaci\\u00f3n y fichas t\\u00e9cnicas 24\\\/7 desde cualquier dispositivo.\\n <\\\/p>\\n <\\\/article>\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<\/p>\n<style>\\n :root {\\n --boloco-bg: #050b1a;\\n --boloco-panel: #091328;\\n --boloco-panel-2: #0d1831;\\n --boloco-azul-claro: #3fa9f5;\\n --boloco-azul-neon: #35e0ff;\\n --boloco-text: #f5f7ff;\\n --boloco-text-sec: #c4c9da;\\n }\\n\\n .boloco-metrics-section {\\n padding: 48px 16px;\\n background: radial-gradient(circle at top, #111f3c 0, #050b1a 55%, #02040b 100%);\\n }\\n\\n .boloco-metrics-inner {\\n max-width: 1120px;\\n margin: 0 auto;\\n }\\n\\n .boloco-metrics-header {\\n margin-bottom: 18px;\\n }\\n\\n .metrics-kicker {\\n font-size: 0.75rem;\\n letter-spacing: 0.16em;\\n text-transform: uppercase;\\n color: #f5b559;\\n margin-bottom: 4px;\\n }\\n\\n .boloco-metrics-header h2 {\\n margin: 0 0 6px;\\n font-size: 1.6rem;\\n color: var(--boloco-text);\\n }\\n\\n .boloco-metrics-header p {\\n margin: 0;\\n color: var(--boloco-text-sec);\\n font-size: 0.92rem;\\n }\\n\\n .boloco-metrics-grid {\\n margin-top: 20px;\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 12px;\\n }\\n\\n .metric-card {\\n background: radial-gradient(circle at top left, rgba(63,169,245,0.16), transparent 60%),\\n linear-gradient(145deg, var(--boloco-panel), var(--boloco-panel-2));\\n border-radius: 14px;\\n padding: 16px 18px;\\n border: 1px solid rgba(255,255,255,0.06);\\n box-shadow:\\n 0 0 0 1px rgba(9, 19, 40, 0.8),\\n 0 14px 32px rgba(0,0,0,0.7);\\n }\\n\\n .metric-number-wrapper {\\n margin-bottom: 4px;\\n }\\n\\n .metric-number {\\n font-size: 1.9rem;\\n font-weight: 700;\\n color: var(--boloco-azul-neon);\\n text-shadow:\\n 0 0 8px rgba(53,224,255,0.7),\\n 0 0 22px rgba(63,169,245,0.7);\\n display: inline-block;\\n }\\n\\n .metric-text {\\n margin: 0;\\n font-size: 0.9rem;\\n color: var(--boloco-text-sec);\\n }\\n\\n @media (max-width: 768px) {\\n .boloco-metrics-grid {\\n grid-template-columns: minmax(0, 1fr);\\n }\\n }\\n<\\\/style>\\n\\n<script>\\n \\\/\\\/ Animaci\\u00f3n de n\\u00fameros cuando la secci\\u00f3n entra en vista\\n (function () {\\n const metricsSection = document.querySelector('.boloco-metrics-section');\\n if (!metricsSection) return;\\n\\n const numbers = metricsSection.querySelectorAll('.metric-number');\\n let alreadyAnimated = false;\\n\\n const animateNumber = (el) => {\\n const target = parseInt(el.getAttribute('data-target'), 10);\\n const suffix = el.getAttribute('data-suffix') || '';\\n if (isNaN(target)) return;\\n\\n const duration = 1200; \\\/\\\/ ms\\n const startTime = performance.now();\\n\\n const tick = (now) => {\\n const progress = Math.min((now - startTime) \\\/ duration, 1);\\n const current = Math.floor(progress * target);\\n\\n el.textContent = current + suffix;\\n\\n if (progress < 1) {\\n requestAnimationFrame(tick);\\n } else {\\n \\\/\\\/ asegurar que termine exactamente en el valor objetivo\\n el.textContent = target + suffix;\\n }\\n };\\n\\n requestAnimationFrame(tick);\\n };\\n\\n const observer = new IntersectionObserver(\\n (entries, obs) => {\\n entries.forEach((entry) => {\\n if (entry.isIntersecting && !alreadyAnimated) {\\n alreadyAnimated = true;\\n numbers.forEach(animateNumber);\\n obs.disconnect();\\n }\\n });\\n },\\n { threshold: 0.35 }\\n );\\n\\n observer.observe(metricsSection);\\n })();\\n<\\\/script>\\n\"}}]}]}]}],\"version\":\"4.3.12\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BOLOCO Bodegas y Locales Comerciales en Venta y Arriendo Contacto Bodegas \u2014 Metraje Cotizar bodega por metraje Completa el formulario y te contactaremos por WhatsApp Nombre completo * Por favor ingresa tu nombre completo Celular * Ingresa un n\u00famero v\u00e1lido Formato: +56 9 xxxx xxxx Metros cuadrados * Selecciona m\u00b210 m\u00b220 m\u00b230 m\u00b240 m\u00b250 m\u00b275 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/pages\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boloco.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":109,"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/pages\/1\/revisions"}],"predecessor-version":[{"id":2223,"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/pages\/1\/revisions\/2223"}],"wp:attachment":[{"href":"https:\/\/boloco.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n
\n
\n
\n
\n Contacto Bodegas \u2014 Metraje<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --arena:#B8A68D;\n --arena-2:#A8947D;\n --hueso:#F3F0EA;\n --gris:#CFCAC2;\n --texto:#2E2A26;\n --texto-suave:#6E655D;\n --borde:#D9D2C8;\n --focus:#8C7A63;\n --error:#C84747;\n --success:#4A9B6F;\n }<\/p>\n<p> *{ box-sizing:border-box; }<\/p>\n<p> body{\n margin:0;\n background:#0041C2;\n color:var(--texto);\n font-family:\"Montserrat\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial;\n min-height:100vh;\n padding:20px 0;\n }<\/p>\n<p> .wrap{ \n max-width:1200px; \n margin:0 auto; \n padding:32px 20px; \n }<\/p>\n<p> .card{\n background: rgba(0, 32, 96, 0.85);\n border:1px solid rgba(255,255,255,0.15);\n border-radius:18px;\n padding:32px;\n box-shadow: 0 10px 40px rgba(0,0,0,.3);\n transition: box-shadow .3s ease;\n backdrop-filter: blur(10px);\n }<\/p>\n<p> .card:hover{\n box-shadow: 0 15px 50px rgba(0,0,0,.4);\n }<\/p>\n<p> .title{\n margin:0 0 8px;\n font-size:26px; \n font-weight:600; \n letter-spacing:.3px;\n color:#ffffff;\n }<\/p>\n<p> .subtitle{\n margin:0 0 24px;\n font-size:14px;\n color:rgba(255,255,255,0.7);\n font-weight:400;\n }<\/p>\n<p> form{ \n display:grid;\n grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));\n gap:20px;\n margin-bottom:20px;\n }<\/p>\n<p> .field{ \n display:flex; \n flex-direction:column; \n gap:8px;\n }<\/p>\n<p> .field.full-width{\n grid-column: 1 \/ -1;\n }<\/p>\n<p> .field label{\n font-size:13px; \n font-weight:500;\n text-transform:uppercase; \n letter-spacing:.08em;\n color:rgba(255,255,255,0.8);\n }<\/p>\n<p> .field label .required{\n color:var(--error);\n margin-left:2px;\n }<\/p>\n<p> input, select, button{\n height:50px; \n border-radius:12px; \n outline:none;\n font-family:inherit;\n font-size:15px;\n }<\/p>\n<p> input, select{\n padding:0 16px; \n background:rgba(255,255,255,0.1);\n border:2px solid rgba(255,255,255,0.2);\n color:#ffffff;\n box-shadow: inset 0 1px 2px rgba(0,0,0,.2);\n transition: all .2s ease;\n }<\/p>\n<p> select option{\n background:#001f5c;\n color:#ffffff;\n }<\/p>\n<p> input::placeholder{ \n color:rgba(255,255,255,0.5);\n font-size:14px;\n }<\/p>\n<p> input:focus, select:focus{\n border-color:rgba(255,255,255,0.5);\n box-shadow: 0 0 0 4px rgba(255,255,255,.12);\n transform: translateY(-1px);\n background:rgba(255,255,255,0.15);\n }<\/p>\n<p> input.error, select.error{\n border-color:var(--error);\n box-shadow: 0 0 0 4px rgba(200,71,71,.12);\n }<\/p>\n<p> .field-error{\n font-size:12px;\n color:var(--error);\n margin-top:-4px;\n display:none;\n animation: slideDown .2s ease;\n }<\/p>\n<p> .field-error.show{\n display:block;\n }<\/p>\n<p> @keyframes slideDown{\n from{ opacity:0; transform:translateY(-4px); }\n to{ opacity:1; transform:translateY(0); }\n }<\/p>\n<p> button{\n border:none;\n background:linear-gradient(180deg,var(--arena),var(--arena-2));\n color:white; \n font-weight:600; \n padding:0 24px; \n cursor:pointer;\n transition: all .2s ease;\n box-shadow: 0 4px 12px rgba(168,148,125,.3);\n position:relative;\n overflow:hidden;\n }<\/p>\n<p> button::before{\n content:'';\n position:absolute;\n top:0; left:0; right:0; bottom:0;\n background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);\n opacity:0;\n transition:opacity .2s ease;\n }<\/p>\n<p> button:hover{\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(168,148,125,.4);\n }<\/p>\n<p> button:hover::before{\n opacity:1;\n }<\/p>\n<p> button:active{ \n transform: translateY(0); \n box-shadow: 0 2px 8px rgba(168,148,125,.3);\n }<\/p>\n<p> button:disabled{\n opacity:.6;\n cursor:not-allowed;\n transform:none;\n }<\/p>\n<p> .hint{ \n font-size:12px; \n color:rgba(255,255,255,0.6); \n line-height:1.5;\n }<\/p>\n<p> .hint.success{\n color:#4A9B6F;\n font-weight:500;\n }<\/p>\n<p> .hidden{ display:none !important; }<\/p>\n<p> .info-footer{\n display:flex;\n align-items:center;\n gap:12px;\n padding:16px;\n background:rgba(255,255,255,0.1);\n border-radius:10px;\n margin-top:20px;\n border:1px solid rgba(255,255,255,0.1);\n }<\/p>\n<p> .info-footer svg{\n flex-shrink:0;\n color:rgba(255,255,255,0.7);\n }<\/p>\n<p> @media (max-width:768px){\n form{ \n grid-template-columns:1fr;\n }\n .card{\n padding:24px 20px;\n }\n .title{\n font-size:22px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"wrap\">\n<div class=\"card\">\n<h1 class=\"title\">Cotizar bodega por metraje<\/h1>\n<p class=\"subtitle\">Completa el formulario y te contactaremos por WhatsApp<\/p>\n<form id=\"leadForm\" novalidate>\n <\/p>\n<div class=\"field full-width\">\n <label for=\"nombre\"><br \/>\n Nombre completo<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input \n id=\"nombre\" \n name=\"nombre\" \n type=\"text\" \n placeholder=\"Ej: Cristian Mart\u00ednez Gonz\u00e1lez\" \n required \n minlength=\"3\"\n autocomplete=\"name\"\n \/><br \/>\n <span class=\"field-error\" id=\"nombreError\">Por favor ingresa tu nombre completo<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"field\">\n <label for=\"cel\"><br \/>\n Celular<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input \n id=\"cel\" \n name=\"cel\" \n type=\"tel\" \n inputmode=\"tel\"\n placeholder=\"+56 9 1234 5678\"\n required\n autocomplete=\"tel\"\n \/><br \/>\n <span class=\"field-error\" id=\"celError\">Ingresa un n\u00famero v\u00e1lido<\/span><\/p>\n<div class=\"hint\">Formato: +56 9 xxxx xxxx<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"field\">\n <label for=\"metros\"><br \/>\n Metros cuadrados<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <select id=\"metros\" name=\"metros\" required><option value=\"\" disabled selected>Selecciona m\u00b2<\/option><option value=\"10\">10 m\u00b2<\/option><option value=\"20\">20 m\u00b2<\/option><option value=\"30\">30 m\u00b2<\/option><option value=\"40\">40 m\u00b2<\/option><option value=\"50\">50 m\u00b2<\/option><option value=\"75\">75 m\u00b2<\/option><option value=\"100\">100 m\u00b2<\/option><option value=\"150\">150 m\u00b2<\/option><option value=\"200\">200 m\u00b2<\/option><option value=\"otro\">Otro (especificar)<\/option><\/select><br \/>\n <span class=\"field-error\" id=\"metrosError\">Selecciona el metraje<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"field hidden\" id=\"metrosCustomWrap\">\n <label for=\"metrosCustom\"><br \/>\n Especificar m\u00b2<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input \n id=\"metrosCustom\" \n name=\"metrosCustom\" \n type=\"number\" \n min=\"1\" \n max=\"10000\"\n step=\"1\" \n placeholder=\"Ej: 125\" \n \/><br \/>\n <span class=\"field-error\" id=\"metrosCustomError\">Ingresa un valor v\u00e1lido<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"field\">\n <label for=\"sector\"><br \/>\n Sector preferido<br \/>\n <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <select id=\"sector\" name=\"sector\" required><option value=\"\" disabled selected>Selecciona sector<\/option><option value=\"Norte\">Norte<\/option><option value=\"Sur\">Sur<\/option><option value=\"Oriente\">Oriente (Este)<\/option><option value=\"Poniente\">Poniente (Oeste)<\/option><option value=\"Centro\">Centro<\/option><option value=\"Indiferente\">Indiferente<\/option><\/select><br \/>\n <span class=\"field-error\" id=\"sectorError\">Selecciona un sector<\/span>\n <\/div>\n<p> <\/p>\n<div class=\"field full-width\">\n <button type=\"submit\" aria-label=\"Enviar consulta por WhatsApp\"><br \/>\n \ud83d\udcf1 Enviar a WhatsApp<br \/>\n <\/button>\n <\/div>\n<\/p><\/form>\n<div class=\"info-footer\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/>\n <\/svg><\/p>\n<p class=\"hint\">Se abrir\u00e1 WhatsApp con el mensaje prellenado. Solo deber\u00e1s presionar enviar.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n (function(){\n \/\/ Elementos\n const form = document.getElementById('leadForm');\n const selMetros = document.getElementById('metros');\n const metrosCustomWrap = document.getElementById('metrosCustomWrap');\n const metrosCustom = document.getElementById('metrosCustom');<\/p>\n<p> const fields = {\n nombre: document.getElementById('nombre'),\n cel: document.getElementById('cel'),\n metros: selMetros,\n metrosCustom: metrosCustom,\n sector: document.getElementById('sector')\n };<\/p>\n<p> \/\/ Validaci\u00f3n de tel\u00e9fono chileno\n function validarCelularChile(tel) {\n const cleaned = tel.replace(\/\\s+\/g, '');\n const patterns = [\n \/^\\+569\\d{8}$\/,\n \/^569\\d{8}$\/,\n \/^9\\d{8}$\/\n ];\n return patterns.some(pattern => pattern.test(cleaned));\n }<\/p>\n<p> \/\/ Formatear tel\u00e9fono autom\u00e1ticamente\n fields.cel.addEventListener('input', (e) => {\n let val = e.target.value.replace(\/[^\\d+]\/g, '');<\/p>\n<p> if(val.startsWith('569')) val = '+' + val;\n else if(val.startsWith('9') && val.length > 1) val = '+56' + val;<\/p>\n<p> if(val.startsWith('+569') && val.length > 4) {\n val = val.slice(0, 4) + ' ' + val.slice(4);\n if(val.length > 9) val = val.slice(0, 9) + ' ' + val.slice(9);\n if(val.length > 14) val = val.slice(0, 14) + ' ' + val.slice(14, 18);\n }<\/p>\n<p> e.target.value = val;\n });<\/p>\n<p> \/\/ Mostrar\/ocultar campo personalizado\n selMetros.addEventListener('change', () => {\n const custom = selMetros.value === 'otro';\n metrosCustomWrap.classList.toggle('hidden', !custom);\n metrosCustom.required = custom;<\/p>\n<p> if(custom) {\n setTimeout(() => metrosCustom.focus(), 100);\n } else {\n clearError('metrosCustom');\n }\n });<\/p>\n<p> \/\/ Funciones de validaci\u00f3n\n function showError(fieldName, message) {\n const field = fields[fieldName];\n const errorEl = document.getElementById(fieldName + 'Error');<\/p>\n<p> if(field && errorEl) {\n field.classList.add('error');\n errorEl.textContent = message || errorEl.textContent;\n errorEl.classList.add('show');\n }\n }<\/p>\n<p> function clearError(fieldName) {\n const field = fields[fieldName];\n const errorEl = document.getElementById(fieldName + 'Error');<\/p>\n<p> if(field && errorEl) {\n field.classList.remove('error');\n errorEl.classList.remove('show');\n }\n }<\/p>\n<p> \/\/ Limpiar errores al escribir\n Object.keys(fields).forEach(key => {\n if(fields[key]) {\n fields[key].addEventListener('input', () => clearError(key));\n fields[key].addEventListener('change', () => clearError(key));\n }\n });<\/p>\n<p> \/\/ Validar formulario\n function validateForm() {\n let isValid = true;<\/p>\n<p> \/\/ Nombre\n if(!fields.nombre.value.trim() || fields.nombre.value.trim().length < 3) {\n showError('nombre', 'Ingresa tu nombre completo (m\u00ednimo 3 caracteres)');\n isValid = false;\n }\n\n \/\/ Celular\n if(!validarCelularChile(fields.cel.value)) {\n showError('cel', 'Formato inv\u00e1lido. Usa: +56 9 xxxx xxxx');\n isValid = false;\n }\n\n \/\/ Metros\n if(!fields.metros.value) {\n showError('metros', 'Selecciona el metraje deseado');\n isValid = false;\n }\n\n \/\/ Metros custom\n if(fields.metros.value === 'otro') {\n const customVal = parseInt(fields.metrosCustom.value);\n if(!customVal || customVal < 1 || customVal > 10000) {\n showError('metrosCustom', 'Ingresa un valor entre 1 y 10000 m\u00b2');\n isValid = false;\n }\n }<\/p>\n<p> \/\/ Sector\n if(!fields.sector.value) {\n showError('sector', 'Selecciona un sector');\n isValid = false;\n }<\/p>\n<p> return isValid;\n }<\/p>\n<p> \/\/ Env\u00edo del formulario\n form.addEventListener('submit', (e) => {\n e.preventDefault();<\/p>\n<p> if(!validateForm()) {\n const firstError = form.querySelector('.error');\n if(firstError) firstError.focus();\n return;\n }<\/p>\n<p> const nombre = fields.nombre.value.trim();\n const cel = fields.cel.value.trim();\n const metros = fields.metros.value === 'otro' \n ? fields.metrosCustom.value.trim() \n : fields.metros.value;\n const sector = fields.sector.value;<\/p>\n<p> const telefonoDestino = \"56966407673\";\n const mensaje = `Hola, quiero cotizar una bodega por metraje.<\/p>\n<p>\ud83d\udccb *Informaci\u00f3n del cliente*\n\u2022 Nombre: ${nombre}\n\u2022 Celular: ${cel}\n\u2022 Metraje: ${metros} m\u00b2\n\u2022 Sector: ${sector}<\/p>\n<p>Quedo atento a su respuesta. \u00a1Gracias!`;<\/p>\n<p> const url = `https:\/\/wa.me\/${telefonoDestino}?text=${encodeURIComponent(mensaje)}`;<\/p>\n<p> \/\/ Abrir WhatsApp\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n });\n })();\n <\/script><br \/>\n<\/body><br \/>\n<\/html>\n<\/div>\n<h1>Oficinas,Bodegas y Locales Comerciales<\/h1>\n<div><center><\/p>\n<h5 style=\"color: #ffffff;\">boloco.cl conecta empresas, inversionistas y propietarios con bodegas y locales comerciales en venta y arriendo, priorizando ubicaci\u00f3n, normativa y eficiencia operativa. Secci\u00f3n 1 Centraliza tu b\u00fasqueda en una plataforma especializada. Menos tiempo revisando portales gen\u00e9ricos, m\u00e1s foco en oportunidades realmente alineadas con tu negocio.<\/h5>\n<p><\/center><\/div>\n<hr>\n<div>\n<p> <CENTER><a href=\"https:\/\/wa.me\/56966407673\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"\n display: inline-block;\n padding: 12px 24px;\n border-radius: 999px;\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\n color: #ffffff;\n font-family: Arial, sans-serif;\n font-size: 16px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n text-transform: uppercase;\n letter-spacing: 1px;\n \"><br \/>\n COMUNICATE CONMIGO<br \/>\n<\/a><\/p>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/bodegas_reales_sin_borde_acuarela.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/BODEGAS1.png\" alt=\"\"><\/p>\n<h1>Socio estrat\u00e9gico para decisiones inmobiliarias clave<\/h1>\n<hr>\n<div>\n<div style=\"color: #ffffff;\">\n<p>Nuestra especialidad son las propiedades comerciales: bodegas, locales y activos mixtos que combinan log\u00edstica, operaci\u00f3n y presencia de marca.<\/p>\n<ul>\n<li>Enfoque 100% en activos comerciales.<\/li>\n<li>Conocimiento de normativa sanitaria y ambiental.<\/li>\n<li>An\u00e1lisis de uso de suelo y compatibilidad de giro.<\/li>\n<\/ul>\n<ul>\n<li>Red de propietarios e inversionistas verificados.<\/li>\n<li>Acompa\u00f1amiento t\u00e9cnico y comercial en todo el proceso.<\/li>\n<li>Visi\u00f3n de largo plazo para tu operaci\u00f3n.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div>\n<p> <CENTER><a href=\"https:\/\/wa.me\/56966407673\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"\n display: inline-block;\n padding: 12px 24px;\n border-radius: 999px;\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\n color: #ffffff;\n font-family: Arial, sans-serif;\n font-size: 16px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n text-transform: uppercase;\n letter-spacing: 1px;\n \"><br \/>\n COMUNICATE CONMIGO<br \/>\n<\/a><\/p>\n<\/div>\n<h1>\u00bfQu\u00e9 promueven y encuentran las empresas en boloco.cl?<\/h1>\n<div>\n<h3>BODEGAS<\/h3>\n<div>\n<p><span><\/span><\/p>\n<p><center><\/p>\n<h5 style=\"color: #ffffff;\">Espacios industriales y log\u00edsticos que cumplen normativa sanitaria y ambiental, con altura \u00fatil, accesos y potencia el\u00e9ctrica pensados para productividad.<\/h5>\n<p><\/center><\/div>\n<\/div>\n<div>\n<h3>LOCALES COMERCIALES<\/h3>\n<div>\n<center><\/p>\n<h5 style=\"color: #ffffff;\">Locales a la calle,<br \/> strip centers y centros comerciales alineados con el flujo peatonal y<BR> el perfil de tu cliente objetivo.<\/h5>\n<p><\/center><\/p>\n<\/div>\n<\/div>\n<div>\n<h3>OFICINAS Y PLANTAS MIXTAS<\/h3>\n<div>\n<center><\/p>\n<h5 style=\"color: #ffffff;\">Emplazamientos que combinan operaci\u00f3n, administraci\u00f3n <br \/>y atenci\u00f3n de clientes<br \/>en un mismo lugar.<\/h5>\n<p><\/center><\/div>\n<\/div>\n<div>\n<p> <CENTER><a href=\"https:\/\/wa.me\/56966407673\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"\n display: inline-block;\n padding: 12px 24px;\n border-radius: 999px;\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\n color: #ffffff;\n font-family: Arial, sans-serif;\n font-size: 16px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n text-transform: uppercase;\n letter-spacing: 1px;\n \"><br \/>\n COMUNICATE CONMIGO<br \/>\n<\/a><\/p>\n<\/div>\n<div>\n<p> <\/p>\n<section class=\"boloco-metrics-section\">\n<div class=\"boloco-metrics-inner\">\n<div class=\"boloco-metrics-header\">\n<div class=\"metrics-kicker\">RESULTADOS<\/div>\n<h2>Beneficios medibles para tu negocio<\/h2>\n<p>\n Indicadores que resumen el impacto de trabajar con una plataforma especializada<br \/>\n en bodegas y locales comerciales.\n <\/p>\n<\/p><\/div>\n<div class=\"boloco-metrics-grid\">\n <\/p>\n<article class=\"metric-card\">\n<div class=\"metric-number-wrapper\">\n <span class=\"metric-number\" data-target=\"70\" data-suffix=\"%\">0%<\/span>\n <\/div>\n<p class=\"metric-text\">\n Reducci\u00f3n promedio de tiempo de b\u00fasqueda vs. m\u00e9todos tradicionales.\n <\/p>\n<\/article>\n<p> <\/p>\n<article class=\"metric-card\">\n<div class=\"metric-number-wrapper\">\n <span class=\"metric-number\" data-target=\"100\" data-suffix=\"+\">0+<\/span>\n <\/div>\n<p class=\"metric-text\">\n Propiedades comerciales activas en nuestra red.\n <\/p>\n<\/article>\n<p> <\/p>\n<article class=\"metric-card\">\n<div class=\"metric-number-wrapper\">\n <span class=\"metric-number\" data-target=\"30\" data-suffix=\"%\">0%<\/span>\n <\/div>\n<p class=\"metric-text\">\n Mejora esperada en vacancia para propietarios que trabajan con nosotros.\n <\/p>\n<\/article>\n<p> <\/p>\n<article class=\"metric-card\">\n<div class=\"metric-number-wrapper\">\n <span class=\"metric-number\" data-target=\"24\" data-suffix=\"\/7\">0\/7<\/span>\n <\/div>\n<p class=\"metric-text\">\n Acceso a informaci\u00f3n y fichas t\u00e9cnicas 24\/7 desde cualquier dispositivo.\n <\/p>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n :root {\n --boloco-bg: #050b1a;\n --boloco-panel: #091328;\n --boloco-panel-2: #0d1831;\n --boloco-azul-claro: #3fa9f5;\n --boloco-azul-neon: #35e0ff;\n --boloco-text: #f5f7ff;\n --boloco-text-sec: #c4c9da;\n }<\/p>\n<p> .boloco-metrics-section {\n padding: 48px 16px;\n background: radial-gradient(circle at top, #111f3c 0, #050b1a 55%, #02040b 100%);\n }<\/p>\n<p> .boloco-metrics-inner {\n max-width: 1120px;\n margin: 0 auto;\n }<\/p>\n<p> .boloco-metrics-header {\n margin-bottom: 18px;\n }<\/p>\n<p> .metrics-kicker {\n font-size: 0.75rem;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: #f5b559;\n margin-bottom: 4px;\n }<\/p>\n<p> .boloco-metrics-header h2 {\n margin: 0 0 6px;\n font-size: 1.6rem;\n color: var(--boloco-text);\n }<\/p>\n<p> .boloco-metrics-header p {\n margin: 0;\n color: var(--boloco-text-sec);\n font-size: 0.92rem;\n }<\/p>\n<p> .boloco-metrics-grid {\n margin-top: 20px;\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n }<\/p>\n<p> .metric-card {\n background: radial-gradient(circle at top left, rgba(63,169,245,0.16), transparent 60%),\n linear-gradient(145deg, var(--boloco-panel), var(--boloco-panel-2));\n border-radius: 14px;\n padding: 16px 18px;\n border: 1px solid rgba(255,255,255,0.06);\n box-shadow:\n 0 0 0 1px rgba(9, 19, 40, 0.8),\n 0 14px 32px rgba(0,0,0,0.7);\n }<\/p>\n<p> .metric-number-wrapper {\n margin-bottom: 4px;\n }<\/p>\n<p> .metric-number {\n font-size: 1.9rem;\n font-weight: 700;\n color: var(--boloco-azul-neon);\n text-shadow:\n 0 0 8px rgba(53,224,255,0.7),\n 0 0 22px rgba(63,169,245,0.7);\n display: inline-block;\n }<\/p>\n<p> .metric-text {\n margin: 0;\n font-size: 0.9rem;\n color: var(--boloco-text-sec);\n }<\/p>\n<p> @media (max-width: 768px) {\n .boloco-metrics-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n }\n<\/style>\n<p><script>\n \/\/ Animaci\u00f3n de n\u00fameros cuando la secci\u00f3n entra en vista\n (function () {\n const metricsSection = document.querySelector('.boloco-metrics-section');\n if (!metricsSection) return;<\/p>\n<p> const numbers = metricsSection.querySelectorAll('.metric-number');\n let alreadyAnimated = false;<\/p>\n<p> const animateNumber = (el) => {\n const target = parseInt(el.getAttribute('data-target'), 10);\n const suffix = el.getAttribute('data-suffix') || '';\n if (isNaN(target)) return;<\/p>\n<p> const duration = 1200; \/\/ ms\n const startTime = performance.now();<\/p>\n<p> const tick = (now) => {\n const progress = Math.min((now - startTime) \/ duration, 1);\n const current = Math.floor(progress * target);<\/p>\n<p> el.textContent = current + suffix;<\/p>\n<p> if (progress < 1) {\n requestAnimationFrame(tick);\n } else {\n \/\/ asegurar que termine exactamente en el valor objetivo\n el.textContent = target + suffix;\n }\n };\n\n requestAnimationFrame(tick);\n };\n\n const observer = new IntersectionObserver(\n (entries, obs) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting && !alreadyAnimated) {\n alreadyAnimated = true;\n numbers.forEach(animateNumber);\n obs.disconnect();\n }\n });\n },\n { threshold: 0.35 }\n );<\/p>\n<p> observer.observe(metricsSection);\n })();\n<\/script><\/p>\n<\/div>\n<p><br \/>\n\\n <\/p>\n<div class=\\\"field full-width\\\">\\n <label for=\\\"nombre\\\">\\n Nombre completo\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <input \\n id=\\\"nombre\\\" \\n name=\\\"nombre\\\" \\n type=\\\"text\\\" \\n placeholder=\\\"Ej: Cristian Mart\\u00ednez Gonz\\u00e1lez\\\" \\n required \\n minlength=\\\"3\\\"\\n autocomplete=\\\"name\\\"\\n \\\/>\\n <span class=\\\"field-error\\\" id=\\\"nombreError\\\">Por favor ingresa tu nombre completo<\\\/span>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field\\\">\\n <label for=\\\"cel\\\">\\n Celular\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <input \\n id=\\\"cel\\\" \\n name=\\\"cel\\\" \\n type=\\\"tel\\\" \\n inputmode=\\\"tel\\\"\\n placeholder=\\\"+56 9 1234 5678\\\"\\n required\\n autocomplete=\\\"tel\\\"\\n \\\/>\\n <span class=\\\"field-error\\\" id=\\\"celError\\\">Ingresa un n\\u00famero v\\u00e1lido<\\\/span>\\n <\/p>\n<div class=\\\"hint\\\">Formato: +56 9 xxxx xxxx<\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field\\\">\\n <label for=\\\"metros\\\">\\n Metros cuadrados\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <select id=\\\"metros\\\" name=\\\"metros\\\" required>\\n<option value=\\\"\\\" disabled selected>Selecciona m\\u00b2<\\\/option>\\n<option value=\\\"10\\\">10 m\\u00b2<\\\/option>\\n<option value=\\\"20\\\">20 m\\u00b2<\\\/option>\\n<option value=\\\"30\\\">30 m\\u00b2<\\\/option>\\n<option value=\\\"40\\\">40 m\\u00b2<\\\/option>\\n<option value=\\\"50\\\">50 m\\u00b2<\\\/option>\\n<option value=\\\"75\\\">75 m\\u00b2<\\\/option>\\n<option value=\\\"100\\\">100 m\\u00b2<\\\/option>\\n<option value=\\\"150\\\">150 m\\u00b2<\\\/option>\\n<option value=\\\"200\\\">200 m\\u00b2<\\\/option>\\n<option value=\\\"otro\\\">Otro (especificar)<\\\/option>\\n <\\\/select>\\n <span class=\\\"field-error\\\" id=\\\"metrosError\\\">Selecciona el metraje<\\\/span>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field hidden\\\" id=\\\"metrosCustomWrap\\\">\\n <label for=\\\"metrosCustom\\\">\\n Especificar m\\u00b2\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <input \\n id=\\\"metrosCustom\\\" \\n name=\\\"metrosCustom\\\" \\n type=\\\"number\\\" \\n min=\\\"1\\\" \\n max=\\\"10000\\\"\\n step=\\\"1\\\" \\n placeholder=\\\"Ej: 125\\\" \\n \\\/>\\n <span class=\\\"field-error\\\" id=\\\"metrosCustomError\\\">Ingresa un valor v\\u00e1lido<\\\/span>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field\\\">\\n <label for=\\\"sector\\\">\\n Sector preferido\\n <span class=\\\"required\\\">*<\\\/span>\\n <\\\/label>\\n <select id=\\\"sector\\\" name=\\\"sector\\\" required>\\n<option value=\\\"\\\" disabled selected>Selecciona sector<\\\/option>\\n<option value=\\\"Norte\\\">Norte<\\\/option>\\n<option value=\\\"Sur\\\">Sur<\\\/option>\\n<option value=\\\"Oriente\\\">Oriente (Este)<\\\/option>\\n<option value=\\\"Poniente\\\">Poniente (Oeste)<\\\/option>\\n<option value=\\\"Centro\\\">Centro<\\\/option>\\n<option value=\\\"Indiferente\\\">Indiferente<\\\/option>\\n <\\\/select>\\n <span class=\\\"field-error\\\" id=\\\"sectorError\\\">Selecciona un sector<\\\/span>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\\\"field full-width\\\">\\n <button type=\\\"submit\\\" aria-label=\\\"Enviar consulta por WhatsApp\\\">\\n \\ud83d\\udcf1 Enviar a WhatsApp\\n <\\\/button>\\n <\\\/div>\\n <\\\/form>\\n\\n <\/p>\n<div class=\\\"info-footer\\\">\\n <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\">\\n <circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"10\\\"\\\/>\\n <line x1=\\\"12\\\" y1=\\\"16\\\" x2=\\\"12\\\" y2=\\\"12\\\"\\\/>\\n <line x1=\\\"12\\\" y1=\\\"8\\\" x2=\\\"12.01\\\" y2=\\\"8\\\"\\\/>\\n <\\\/svg>\\n <\/p>\n<p class=\\\"hint\\\">Se abrir\\u00e1 WhatsApp con el mensaje prellenado. Solo deber\\u00e1s presionar enviar.<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n <script>\\n (function(){\\n \\\/\\\/ Elementos\\n const form = document.getElementById('leadForm');\\n const selMetros = document.getElementById('metros');\\n const metrosCustomWrap = document.getElementById('metrosCustomWrap');\\n const metrosCustom = document.getElementById('metrosCustom');\\n \\n const fields = {\\n nombre: document.getElementById('nombre'),\\n cel: document.getElementById('cel'),\\n metros: selMetros,\\n metrosCustom: metrosCustom,\\n sector: document.getElementById('sector')\\n };\\n\\n \\\/\\\/ Validaci\\u00f3n de tel\\u00e9fono chileno\\n function validarCelularChile(tel) {\\n const cleaned = tel.replace(\\\/\\\\s+\\\/g, '');\\n const patterns = [\\n \\\/^\\\\+569\\\\d{8}$\\\/,\\n \\\/^569\\\\d{8}$\\\/,\\n \\\/^9\\\\d{8}$\\\/\\n ];\\n return patterns.some(pattern => pattern.test(cleaned));\\n }\\n\\n \\\/\\\/ Formatear tel\\u00e9fono autom\\u00e1ticamente\\n fields.cel.addEventListener('input', (e) => {\\n let val = e.target.value.replace(\\\/[^\\\\d+]\\\/g, '');\\n \\n if(val.startsWith('569')) val = '+' + val;\\n else if(val.startsWith('9') && val.length > 1) val = '+56' + val;\\n \\n if(val.startsWith('+569') && val.length > 4) {\\n val = val.slice(0, 4) + ' ' + val.slice(4);\\n if(val.length > 9) val = val.slice(0, 9) + ' ' + val.slice(9);\\n if(val.length > 14) val = val.slice(0, 14) + ' ' + val.slice(14, 18);\\n }\\n \\n e.target.value = val;\\n });\\n\\n \\\/\\\/ Mostrar\\\/ocultar campo personalizado\\n selMetros.addEventListener('change', () => {\\n const custom = selMetros.value === 'otro';\\n metrosCustomWrap.classList.toggle('hidden', !custom);\\n metrosCustom.required = custom;\\n \\n if(custom) {\\n setTimeout(() => metrosCustom.focus(), 100);\\n } else {\\n clearError('metrosCustom');\\n }\\n });\\n\\n \\\/\\\/ Funciones de validaci\\u00f3n\\n function showError(fieldName, message) {\\n const field = fields[fieldName];\\n const errorEl = document.getElementById(fieldName + 'Error');\\n \\n if(field && errorEl) {\\n field.classList.add('error');\\n errorEl.textContent = message || errorEl.textContent;\\n errorEl.classList.add('show');\\n }\\n }\\n\\n function clearError(fieldName) {\\n const field = fields[fieldName];\\n const errorEl = document.getElementById(fieldName + 'Error');\\n \\n if(field && errorEl) {\\n field.classList.remove('error');\\n errorEl.classList.remove('show');\\n }\\n }\\n\\n \\\/\\\/ Limpiar errores al escribir\\n Object.keys(fields).forEach(key => {\\n if(fields[key]) {\\n fields[key].addEventListener('input', () => clearError(key));\\n fields[key].addEventListener('change', () => clearError(key));\\n }\\n });\\n\\n \\\/\\\/ Validar formulario\\n function validateForm() {\\n let isValid = true;\\n\\n \\\/\\\/ Nombre\\n if(!fields.nombre.value.trim() || fields.nombre.value.trim().length < 3) {\\n showError('nombre', 'Ingresa tu nombre completo (m\\u00ednimo 3 caracteres)');\\n isValid = false;\\n }\\n\\n \\\/\\\/ Celular\\n if(!validarCelularChile(fields.cel.value)) {\\n showError('cel', 'Formato inv\\u00e1lido. Usa: +56 9 xxxx xxxx');\\n isValid = false;\\n }\\n\\n \\\/\\\/ Metros\\n if(!fields.metros.value) {\\n showError('metros', 'Selecciona el metraje deseado');\\n isValid = false;\\n }\\n\\n \\\/\\\/ Metros custom\\n if(fields.metros.value === 'otro') {\\n const customVal = parseInt(fields.metrosCustom.value);\\n if(!customVal || customVal < 1 || customVal > 10000) {\\n showError('metrosCustom', 'Ingresa un valor entre 1 y 10000 m\\u00b2');\\n isValid = false;\\n }\\n }\\n\\n \\\/\\\/ Sector\\n if(!fields.sector.value) {\\n showError('sector', 'Selecciona un sector');\\n isValid = false;\\n }\\n\\n return isValid;\\n }\\n\\n \\\/\\\/ Env\\u00edo del formulario\\n form.addEventListener('submit', (e) => {\\n e.preventDefault();\\n\\n if(!validateForm()) {\\n const firstError = form.querySelector('.error');\\n if(firstError) firstError.focus();\\n return;\\n }\\n\\n const nombre = fields.nombre.value.trim();\\n const cel = fields.cel.value.trim();\\n const metros = fields.metros.value === 'otro' \\n ? fields.metrosCustom.value.trim() \\n : fields.metros.value;\\n const sector = fields.sector.value;\\n\\n const telefonoDestino = \\\"56966407673\\\";\\n const mensaje = `Hola, quiero cotizar una bodega por metraje.\\n\\n\\ud83d\\udccb *Informaci\\u00f3n del cliente*\\n\\u2022 Nombre: ${nombre}\\n\\u2022 Celular: ${cel}\\n\\u2022 Metraje: ${metros} m\\u00b2\\n\\u2022 Sector: ${sector}\\n\\nQuedo atento a su respuesta. \\u00a1Gracias!`;\\n\\n const url = `https:\\\/\\\/wa.me\\\/${telefonoDestino}?text=${encodeURIComponent(mensaje)}`;\\n \\n \\\/\\\/ Abrir WhatsApp\\n window.open(url, \\\"_blank\\\", \\\"noopener,noreferrer\\\");\\n });\\n })();\\n <\\\/script>\\n<\\\/body>\\n<\\\/html>\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Oficinas,Bodegas y Locales Comerciales\",\"title_element\":\"h1\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<center>\\n<\/p>\n<h5 style=\\\"color: #ffffff;\\\">boloco.cl conecta empresas, inversionistas y propietarios con bodegas y locales comerciales en venta y arriendo, priorizando ubicaci\\u00f3n, normativa y eficiencia operativa. Secci\\u00f3n 1 Centraliza tu b\\u00fasqueda en una plataforma especializada. Menos tiempo revisando portales gen\\u00e9ricos, m\\u00e1s foco en oportunidades realmente alineadas con tu negocio.<\\\/h5>\\n<\\\/center>\",\"margin\":\"default\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}},{\"type\":\"html\",\"props\":{\"content\":\"<CENTER><a href=\\\"https:\\\/\\\/wa.me\\\/56966407673\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\\n style=\\\"\\n display: inline-block;\\n padding: 12px 24px;\\n border-radius: 999px;\\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\\n color: #ffffff;\\n font-family: Arial, sans-serif;\\n font-size: 16px;\\n font-weight: bold;\\n text-decoration: none;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n \\\">\\n COMUNICATE CONMIGO\\n<\\\/a>\\n\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/12\\\/bodegas_reales_sin_borde_acuarela.png\",\"image_svg_color\":\"emphasis\",\"margin\":\"default\"}}]}],\"props\":{\"layout\":\"1-2,1-2\"}}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/08\\\/BODEGAS1.png\",\"image_svg_color\":\"emphasis\",\"margin\":\"default\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Socio estrat\\u00e9gico para decisiones inmobiliarias clave\",\"title_element\":\"h1\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div style=\\\"color: #ffffff;\\\">\\n <\/p>\n<p>Nuestra especialidad son las propiedades comerciales: bodegas, locales y activos mixtos que combinan log\\u00edstica, operaci\\u00f3n y presencia de marca.<br \\\/><br \\\/><\\\/p>\\n <\/p>\n<ul>\\n <\/p>\n<li>Enfoque 100% en activos comerciales.<\\\/li>\\n\n<li>Conocimiento de normativa sanitaria y ambiental.<\\\/li>\\n\n<li>An\\u00e1lisis de uso de suelo y compatibilidad de giro.<\\\/li>\\n <\\\/ul>\\n\n<ul>\\n <\/p>\n<li>Red de propietarios e inversionistas verificados.<\\\/li>\\n\n<li>Acompa\\u00f1amiento t\\u00e9cnico y comercial en todo el proceso.<\\\/li>\\n\n<li>Visi\\u00f3n de largo plazo para tu operaci\\u00f3n.<\\\/li>\\n <\\\/ul>\\n<\\\/div>\\n\",\"margin\":\"default\"}},{\"type\":\"html\",\"props\":{\"content\":\"<CENTER><a href=\\\"https:\\\/\\\/wa.me\\\/56966407673\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\\n style=\\\"\\n display: inline-block;\\n padding: 12px 24px;\\n border-radius: 999px;\\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\\n color: #ffffff;\\n font-family: Arial, sans-serif;\\n font-size: 16px;\\n font-weight: bold;\\n text-decoration: none;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n \\\">\\n COMUNICATE CONMIGO\\n<\\\/a>\\n\"}}]}],\"props\":{\"layout\":\"1-2,1-2\"}}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"\\u00bfQu\\u00e9 promueven y encuentran las empresas en boloco.cl?\",\"title_element\":\"h1\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"style\":\"card-default\",\"width_medium\":\"1-3\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"\n<p><span><\\\/span><\\\/p>\\n\\n<center>\\n<\/p>\n<h5 style=\\\"color: #ffffff;\\\">Espacios industriales y log\\u00edsticos que cumplen normativa sanitaria y ambiental, con altura \\u00fatil, accesos y potencia el\\u00e9ctrica pensados para productividad.<\\\/h5>\\n<\\\/center>\",\"content_column_breakpoint\":\"m\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_style\":\"tile-default\",\"text_align\":\"center\",\"title\":\"BODEGAS\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"style\":\"card-default\",\"width_medium\":\"1-3\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"\\n<center>\\n<\/p>\n<h5 style=\\\"color: #ffffff;\\\">Locales a la calle,<br \/> strip centers y centros comerciales alineados con el flujo peatonal y<BR> el perfil de tu cliente objetivo.<\\\/h5>\\n<\\\/center>\\n\\n\",\"content_column_breakpoint\":\"m\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_style\":\"tile-default\",\"text_align\":\"center\",\"title\":\"LOCALES COMERCIALES\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"style\":\"card-default\",\"width_medium\":\"1-3\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"\\n<center>\\n<\/p>\n<h5 style=\\\"color: #ffffff;\\\">Emplazamientos que combinan operaci\\u00f3n, administraci\\u00f3n <br \/>y atenci\\u00f3n de clientes<br \/>en un mismo lugar.<\\\/h5>\\n<\\\/center>\",\"content_column_breakpoint\":\"m\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"panel_style\":\"tile-default\",\"text_align\":\"center\",\"title\":\"OFICINAS Y PLANTAS MIXTAS\",\"title_align\":\"top\",\"title_element\":\"h3\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}}]}],\"props\":{\"layout\":\"1-3,1-3,1-3\"}},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<CENTER><a href=\\\"https:\\\/\\\/wa.me\\\/56966407673\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\\n style=\\\"\\n display: inline-block;\\n padding: 12px 24px;\\n border-radius: 999px;\\n background: linear-gradient(90deg, #0052D4, #4364F7, #6FB1FC);\\n color: #ffffff;\\n font-family: Arial, sans-serif;\\n font-size: 16px;\\n font-weight: bold;\\n text-decoration: none;\\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n \\\">\\n COMUNICATE CONMIGO\\n<\\\/a>\\n\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\\n<\/p>\n<section class=\\\"boloco-metrics-section\\\">\\n <\/p>\n<div class=\\\"boloco-metrics-inner\\\">\\n \\n <\/p>\n<div class=\\\"boloco-metrics-header\\\">\\n <\/p>\n<div class=\\\"metrics-kicker\\\">RESULTADOS<\\\/div>\\n <\/p>\n<h2>Beneficios medibles para tu negocio<\\\/h2>\\n <\/p>\n<p>\\n Indicadores que resumen el impacto de trabajar con una plataforma especializada\\n en bodegas y locales comerciales.\\n <\\\/p>\\n <\\\/div>\\n\\n <\/p>\n<div class=\\\"boloco-metrics-grid\\\">\\n \\n <\/p>\n<article class=\\\"metric-card\\\">\\n <\/p>\n<div class=\\\"metric-number-wrapper\\\">\\n <span class=\\\"metric-number\\\" data-target=\\\"70\\\" data-suffix=\\\"%\\\">0%<\\\/span>\\n <\\\/div>\\n <\/p>\n<p class=\\\"metric-text\\\">\\n Reducci\\u00f3n promedio de tiempo de b\\u00fasqueda vs. m\\u00e9todos tradicionales.\\n <\\\/p>\\n <\\\/article>\\n\\n \\n <\/p>\n<article class=\\\"metric-card\\\">\\n <\/p>\n<div class=\\\"metric-number-wrapper\\\">\\n <span class=\\\"metric-number\\\" data-target=\\\"100\\\" data-suffix=\\\"+\\\">0+<\\\/span>\\n <\\\/div>\\n <\/p>\n<p class=\\\"metric-text\\\">\\n Propiedades comerciales activas en nuestra red.\\n <\\\/p>\\n <\\\/article>\\n\\n \\n <\/p>\n<article class=\\\"metric-card\\\">\\n <\/p>\n<div class=\\\"metric-number-wrapper\\\">\\n <span class=\\\"metric-number\\\" data-target=\\\"30\\\" data-suffix=\\\"%\\\">0%<\\\/span>\\n <\\\/div>\\n <\/p>\n<p class=\\\"metric-text\\\">\\n Mejora esperada en vacancia para propietarios que trabajan con nosotros.\\n <\\\/p>\\n <\\\/article>\\n\\n \\n <\/p>\n<article class=\\\"metric-card\\\">\\n <\/p>\n<div class=\\\"metric-number-wrapper\\\">\\n <span class=\\\"metric-number\\\" data-target=\\\"24\\\" data-suffix=\\\"\\\/7\\\">0\\\/7<\\\/span>\\n <\\\/div>\\n <\/p>\n<p class=\\\"metric-text\\\">\\n Acceso a informaci\\u00f3n y fichas t\\u00e9cnicas 24\\\/7 desde cualquier dispositivo.\\n <\\\/p>\\n <\\\/article>\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<\/p>\n<style>\\n :root {\\n --boloco-bg: #050b1a;\\n --boloco-panel: #091328;\\n --boloco-panel-2: #0d1831;\\n --boloco-azul-claro: #3fa9f5;\\n --boloco-azul-neon: #35e0ff;\\n --boloco-text: #f5f7ff;\\n --boloco-text-sec: #c4c9da;\\n }\\n\\n .boloco-metrics-section {\\n padding: 48px 16px;\\n background: radial-gradient(circle at top, #111f3c 0, #050b1a 55%, #02040b 100%);\\n }\\n\\n .boloco-metrics-inner {\\n max-width: 1120px;\\n margin: 0 auto;\\n }\\n\\n .boloco-metrics-header {\\n margin-bottom: 18px;\\n }\\n\\n .metrics-kicker {\\n font-size: 0.75rem;\\n letter-spacing: 0.16em;\\n text-transform: uppercase;\\n color: #f5b559;\\n margin-bottom: 4px;\\n }\\n\\n .boloco-metrics-header h2 {\\n margin: 0 0 6px;\\n font-size: 1.6rem;\\n color: var(--boloco-text);\\n }\\n\\n .boloco-metrics-header p {\\n margin: 0;\\n color: var(--boloco-text-sec);\\n font-size: 0.92rem;\\n }\\n\\n .boloco-metrics-grid {\\n margin-top: 20px;\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 12px;\\n }\\n\\n .metric-card {\\n background: radial-gradient(circle at top left, rgba(63,169,245,0.16), transparent 60%),\\n linear-gradient(145deg, var(--boloco-panel), var(--boloco-panel-2));\\n border-radius: 14px;\\n padding: 16px 18px;\\n border: 1px solid rgba(255,255,255,0.06);\\n box-shadow:\\n 0 0 0 1px rgba(9, 19, 40, 0.8),\\n 0 14px 32px rgba(0,0,0,0.7);\\n }\\n\\n .metric-number-wrapper {\\n margin-bottom: 4px;\\n }\\n\\n .metric-number {\\n font-size: 1.9rem;\\n font-weight: 700;\\n color: var(--boloco-azul-neon);\\n text-shadow:\\n 0 0 8px rgba(53,224,255,0.7),\\n 0 0 22px rgba(63,169,245,0.7);\\n display: inline-block;\\n }\\n\\n .metric-text {\\n margin: 0;\\n font-size: 0.9rem;\\n color: var(--boloco-text-sec);\\n }\\n\\n @media (max-width: 768px) {\\n .boloco-metrics-grid {\\n grid-template-columns: minmax(0, 1fr);\\n }\\n }\\n<\\\/style>\\n\\n<script>\\n \\\/\\\/ Animaci\\u00f3n de n\\u00fameros cuando la secci\\u00f3n entra en vista\\n (function () {\\n const metricsSection = document.querySelector('.boloco-metrics-section');\\n if (!metricsSection) return;\\n\\n const numbers = metricsSection.querySelectorAll('.metric-number');\\n let alreadyAnimated = false;\\n\\n const animateNumber = (el) => {\\n const target = parseInt(el.getAttribute('data-target'), 10);\\n const suffix = el.getAttribute('data-suffix') || '';\\n if (isNaN(target)) return;\\n\\n const duration = 1200; \\\/\\\/ ms\\n const startTime = performance.now();\\n\\n const tick = (now) => {\\n const progress = Math.min((now - startTime) \\\/ duration, 1);\\n const current = Math.floor(progress * target);\\n\\n el.textContent = current + suffix;\\n\\n if (progress < 1) {\\n requestAnimationFrame(tick);\\n } else {\\n \\\/\\\/ asegurar que termine exactamente en el valor objetivo\\n el.textContent = target + suffix;\\n }\\n };\\n\\n requestAnimationFrame(tick);\\n };\\n\\n const observer = new IntersectionObserver(\\n (entries, obs) => {\\n entries.forEach((entry) => {\\n if (entry.isIntersecting && !alreadyAnimated) {\\n alreadyAnimated = true;\\n numbers.forEach(animateNumber);\\n obs.disconnect();\\n }\\n });\\n },\\n { threshold: 0.35 }\\n );\\n\\n observer.observe(metricsSection);\\n })();\\n<\\\/script>\\n\"}}]}]}]}],\"version\":\"4.3.12\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BOLOCO Bodegas y Locales Comerciales en Venta y Arriendo Contacto Bodegas \u2014 Metraje Cotizar bodega por metraje Completa el formulario y te contactaremos por WhatsApp Nombre completo * Por favor ingresa tu nombre completo Celular * Ingresa un n\u00famero v\u00e1lido Formato: +56 9 xxxx xxxx Metros cuadrados * Selecciona m\u00b210 m\u00b220 m\u00b230 m\u00b240 m\u00b250 m\u00b275 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/pages\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boloco.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":109,"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/pages\/1\/revisions"}],"predecessor-version":[{"id":2223,"href":"https:\/\/boloco.cl\/index.php?rest_route=\/wp\/v2\/pages\/1\/revisions\/2223"}],"wp:attachment":[{"href":"https:\/\/boloco.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}