{"id":13,"date":"2026-04-04T16:22:08","date_gmt":"2026-04-04T16:22:08","guid":{"rendered":"https:\/\/espaciohvs.cl\/?page_id=13"},"modified":"2026-05-11T19:27:27","modified_gmt":"2026-05-11T19:27:27","slug":"inicio","status":"publish","type":"page","link":"https:\/\/espaciohvs.cl\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc5819 e-con-full e-flex e-con e-parent\" data-id=\"1dc5819\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9e091a elementor-widget elementor-widget-html\" data-id=\"f9e091a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#hvs {\r\n  position: relative;\r\n  width: 100vw;\r\n  margin-left: calc(-50vw + 50%);\r\n  height: 100vh;\r\n  max-height: 760px;\r\n  min-height: 540px;\r\n  overflow: hidden;\r\n  font-family: 'Arial', sans-serif;\r\n}\r\n\r\n\/* SLIDES *\/\r\n.hvs-s {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: cover;\r\n  background-position: center center;\r\n  opacity: 0;\r\n  transition: opacity 1.2s ease;\r\n  z-index: 1;\r\n}\r\n.hvs-s.on {\r\n  opacity: 1;\r\n  z-index: 2;\r\n}\r\n\r\n\/* OVERLAY \u2014 izquierda m\u00e1s oscura, derecha abierta *\/\r\n.hvs-s::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    to right,\r\n    rgba(0,0,0,0.78) 0%,\r\n    rgba(0,0,0,0.40) 45%,\r\n    rgba(0,0,0,0.05) 100%\r\n  );\r\n}\r\n\r\n\/* LOGO arriba izquierda *\/\r\n.hvs-logo {\r\n  position: absolute;\r\n  top: 40px;\r\n  left: 6%;\r\n  z-index: 10;\r\n  width: 130px;\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* CONTENIDO izquierda centro vertical *\/\r\n.hvs-inner {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 5;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 0 6%;\r\n  padding-top: 40px;\r\n}\r\n\r\n.hvs-eyebrow {\r\n  font-size: 10px;\r\n  letter-spacing: 5px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.50);\r\n  margin-bottom: 20px;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.hvs-titulo {\r\n  font-size: clamp(38px, 6vw, 72px);\r\n  font-weight: 900;\r\n  color: #ffffff;\r\n  line-height: 1.05;\r\n  margin: 0;\r\n  max-width: 640px;\r\n  letter-spacing: -1px;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.hvs-titulo em {\r\n  font-style: normal;\r\n  color: rgba(255,255,255,0.45);\r\n  font-weight: 300;\r\n  display: block;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.hvs-linea {\r\n  width: 48px;\r\n  height: 3px;\r\n  background: #ffffff;\r\n  margin-top: 32px;\r\n  opacity: 0.5;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n\/* FLECHAS *\/\r\n.hvs-arrow {\r\n  position: absolute;\r\n  bottom: 36px;\r\n  z-index: 10;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.20);\r\n  color: #ffffff;\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 0.25s, border-color 0.25s;\r\n  font-size: 18px;\r\n  line-height: 1;\r\n}\r\n.hvs-arrow:hover {\r\n  background: rgba(255,255,255,0.20);\r\n  border-color: rgba(255,255,255,0.45);\r\n}\r\n#hvs-prev { right: 100px; }\r\n#hvs-next { right: 36px; }\r\n\r\n\/* PUNTOS *\/\r\n.hvs-dots {\r\n  position: absolute;\r\n  bottom: 52px;\r\n  left: 6%;\r\n  display: flex;\r\n  gap: 8px;\r\n  z-index: 10;\r\n}\r\n.hvs-dots button {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.30);\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  transition: all 0.35s;\r\n}\r\n.hvs-dots button.on {\r\n  background: #ffffff;\r\n  width: 22px;\r\n  border-radius: 3px;\r\n}\r\n\r\n\/* N\u00daMERO *\/\r\n.hvs-num {\r\n  position: absolute;\r\n  bottom: 55px;\r\n  right: 168px;\r\n  z-index: 10;\r\n  font-size: 11px;\r\n  letter-spacing: 3px;\r\n  color: rgba(255,255,255,0.30);\r\n}\r\n\r\n\/* FADE contenido *\/\r\n.hvs-inner.fade {\r\n  opacity: 0;\r\n  transform: translateY(8px);\r\n  transition: opacity 0.35s ease, transform 0.35s ease;\r\n}\r\n.hvs-inner.show {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: opacity 0.45s ease 0.15s, transform 0.45s ease 0.15s;\r\n}\r\n\r\n\/* M\u00d3VIL *\/\r\n@media (max-width: 768px) {\r\n  #hvs {\r\n    height: 100svh;\r\n    max-height: 100svh;\r\n    min-height: 600px;\r\n  }\r\n  .hvs-logo {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    top: 32px;\r\n    width: 110px;\r\n  }\r\n  .hvs-inner {\r\n    padding: 0 7%;\r\n    padding-top: 60px;\r\n    justify-content: center;\r\n  }\r\n  .hvs-titulo {\r\n    font-size: clamp(34px, 9vw, 52px);\r\n    max-width: 100%;\r\n  }\r\n  .hvs-s::before {\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(0,0,0,0.45) 0%,\r\n      rgba(0,0,0,0.65) 60%,\r\n      rgba(0,0,0,0.80) 100%\r\n    );\r\n  }\r\n  #hvs-prev { right: 80px; bottom: 28px; }\r\n  #hvs-next { right: 24px; bottom: 28px; }\r\n  .hvs-dots { bottom: 44px; }\r\n  .hvs-num { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"hvs\">\r\n\r\n  <!-- LOGO -->\r\n  <img decoding=\"async\" class=\"hvs-logo\"\r\n    src=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/LOGO-04.png\"\r\n    alt=\"Espacio HVS\">\r\n\r\n  <!-- SLIDE 1 -->\r\n  <div class=\"hvs-s on\"\r\n    style=\"background-image:url('https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/BANNER.webp')\">\r\n  <\/div>\r\n\r\n  <!-- SLIDE 2 -->\r\n  <div class=\"hvs-s\"\r\n    style=\"background-image:url('https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Recreate_the_provided_202604041548-scaled.webp')\">\r\n  <\/div>\r\n\r\n  <!-- SLIDE 3 -->\r\n  <div class=\"hvs-s\"\r\n    style=\"background-image:url('https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/termina_las_paredes_202603191437-scaled.webp')\">\r\n  <\/div>\r\n\r\n  <!-- CONTENIDO FIJO -->\r\n  <div class=\"hvs-inner show\" id=\"hvs-inner\">\r\n    <p class=\"hvs-eyebrow\" id=\"hvs-eye\">Casablanca, Valpara\u00edso<\/p>\r\n    <h1 class=\"hvs-titulo\" id=\"hvs-tit\">\r\n      Centro<br>\r\n      <em>Log\u00edstico<\/em>\r\n    <\/h1>\r\n    <div class=\"hvs-linea\" id=\"hvs-linea\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- FLECHAS -->\r\n  <button class=\"hvs-arrow\" id=\"hvs-prev\" onclick=\"hvsNav(-1)\">&#8592;<\/button>\r\n  <button class=\"hvs-arrow\" id=\"hvs-next\" onclick=\"hvsNav(1)\">&#8594;<\/button>\r\n\r\n  <!-- PUNTOS -->\r\n  <div class=\"hvs-dots\" id=\"hvs-dots\"><\/div>\r\n\r\n  <!-- N\u00daMERO -->\r\n  <span class=\"hvs-num\" id=\"hvs-num\">01 \/ 03<\/span>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var idx    = 0;\r\n  var slides = document.querySelectorAll('#hvs .hvs-s');\r\n  var dotsEl = document.getElementById('hvs-dots');\r\n  var numEl  = document.getElementById('hvs-num');\r\n  var inner  = document.getElementById('hvs-inner');\r\n  var timer;\r\n  var startX = 0;\r\n\r\n  var data = [\r\n    {\r\n      eye: 'Casablanca, Valpara\u00edso',\r\n      tit: 'Centro<br><em>Log\u00edstico<\/em>'\r\n    },\r\n    {\r\n      eye: 'Almacenamiento industrial',\r\n      tit: 'Espacios de<br><em>gran escala<\/em>'\r\n    },\r\n    {\r\n      eye: 'Flexibilidad total',\r\n      tit: 'Desde 99<br><em>hasta 1.622 m\u00b2<\/em>'\r\n    }\r\n  ];\r\n\r\n  \/* Crear puntos *\/\r\n  slides.forEach(function(s, i){\r\n    var b = document.createElement('button');\r\n    if(i === 0) b.className = 'on';\r\n    b.addEventListener('click', function(){ ir(i); });\r\n    dotsEl.appendChild(b);\r\n  });\r\n\r\n  function updateContent(i){\r\n    inner.classList.remove('show');\r\n    inner.classList.add('fade');\r\n    setTimeout(function(){\r\n      document.getElementById('hvs-eye').innerHTML = data[i].eye;\r\n      document.getElementById('hvs-tit').innerHTML = data[i].tit;\r\n      numEl.textContent = '0'+(i+1)+' \/ 0'+slides.length;\r\n      inner.classList.remove('fade');\r\n      inner.classList.add('show');\r\n    }, 320);\r\n  }\r\n\r\n  function ir(n){\r\n    slides[idx].classList.remove('on');\r\n    dotsEl.children[idx].classList.remove('on');\r\n    idx = (n + slides.length) % slides.length;\r\n    slides[idx].classList.add('on');\r\n    dotsEl.children[idx].classList.add('on');\r\n    updateContent(idx);\r\n  }\r\n\r\n  function reiniciar(){\r\n    clearInterval(timer);\r\n    timer = setInterval(function(){ ir(idx + 1); }, 5500);\r\n  }\r\n\r\n  window.hvsNav = function(dir){\r\n    ir(idx + dir);\r\n    reiniciar();\r\n  };\r\n\r\n  reiniciar();\r\n\r\n  var el = document.getElementById('hvs');\r\n  el.addEventListener('mouseenter', function(){ clearInterval(timer); });\r\n  el.addEventListener('mouseleave', reiniciar);\r\n\r\n  \/* Swipe m\u00f3vil *\/\r\n  el.addEventListener('touchstart', function(e){\r\n    startX = e.touches[0].clientX;\r\n  }, { passive: true });\r\n  el.addEventListener('touchend', function(e){\r\n    var diff = startX - e.changedTouches[0].clientX;\r\n    if(Math.abs(diff) > 50){\r\n      ir(diff > 0 ? idx + 1 : idx - 1);\r\n      reiniciar();\r\n    }\r\n  }, { passive: true });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1723291 e-con-full e-flex e-con e-parent\" data-id=\"1723291\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b72badb elementor-widget elementor-widget-html\" data-id=\"b72badb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#hvs-pv * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#hvs-pv {\r\n  width: 100%;\r\n  padding: 50px 5% 50px;\r\n  font-family: 'Arial', sans-serif;\r\n  background: #ffffff;\r\n}\r\n\r\n\/* HEADER *\/\r\n#hvs-pv .pv-header {\r\n  text-align: center;\r\n  margin-bottom: 52px;\r\n}\r\n#hvs-pv .pv-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  color: #888888;\r\n  margin-bottom: 14px;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n#hvs-pv .pv-eyebrow::before,\r\n#hvs-pv .pv-eyebrow::after {\r\n  content: '';\r\n  display: block;\r\n  width: 32px;\r\n  height: 1px;\r\n  background: #cccccc;\r\n}\r\n#hvs-pv .pv-title {\r\n  font-size: clamp(28px, 4vw, 42px);\r\n  font-weight: 800;\r\n  color: #111111;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 12px;\r\n}\r\n#hvs-pv .pv-title span {\r\n  color: #888888;\r\n  font-weight: 300;\r\n}\r\n#hvs-pv .pv-sub {\r\n  font-size: 15px;\r\n  color: #666666;\r\n  line-height: 1.65;\r\n  max-width: 520px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* GRID PRINCIPAL *\/\r\n#hvs-pv .pv-wrap {\r\n  display: grid;\r\n  grid-template-columns: 240px 1fr;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  min-height: 480px;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 1px solid #e8e8e8;\r\n  box-shadow: 0 2px 40px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* SIDEBAR *\/\r\n#hvs-pv .pv-sidebar {\r\n  background: #f8f8f8;\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-right: 1px solid #e8e8e8;\r\n}\r\n\r\n#hvs-pv .pv-tab {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 22px 20px;\r\n  cursor: pointer;\r\n  border-left: 3px solid transparent;\r\n  transition: background 0.25s, border-color 0.25s;\r\n  flex: 1;\r\n}\r\n#hvs-pv .pv-tab:not(:last-child) {\r\n  border-bottom: 1px solid #e8e8e8;\r\n}\r\n#hvs-pv .pv-tab:hover {\r\n  background: #f0f0f0;\r\n}\r\n#hvs-pv .pv-tab.on {\r\n  background: #ffffff;\r\n  border-left-color: #111111;\r\n}\r\n\r\n#hvs-pv .pv-tab-ico {\r\n  width: 38px;\r\n  height: 38px;\r\n  flex-shrink: 0;\r\n  border-radius: 10px;\r\n  background: #ffffff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid #e0e0e0;\r\n  transition: background 0.25s, border-color 0.25s;\r\n}\r\n#hvs-pv .pv-tab.on .pv-tab-ico {\r\n  background: #111111;\r\n  border-color: #111111;\r\n}\r\n\r\n#hvs-pv .pv-tab-ico svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: #888888;\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  transition: stroke 0.25s;\r\n}\r\n#hvs-pv .pv-tab.on .pv-tab-ico svg {\r\n  stroke: #ffffff;\r\n}\r\n\r\n#hvs-pv .pv-tab-lbl {\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  color: #444444;\r\n  line-height: 1.3;\r\n  transition: color 0.25s, font-weight 0.25s;\r\n}\r\n#hvs-pv .pv-tab.on .pv-tab-lbl {\r\n  font-weight: 700;\r\n  color: #111111;\r\n}\r\n\r\n\/* PANELS *\/\r\n#hvs-pv .pv-panels {\r\n  position: relative;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n#hvs-pv .pv-panel {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.5s ease;\r\n}\r\n#hvs-pv .pv-panel.on {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n  position: relative;\r\n}\r\n\r\n\/* IMAGEN *\/\r\n#hvs-pv .pv-panel-img {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 340px;\r\n}\r\n#hvs-pv .pv-panel-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.7s ease;\r\n}\r\n#hvs-pv .pv-panel.on .pv-panel-img img {\r\n  transform: scale(1.04);\r\n}\r\n#hvs-pv .pv-panel-img::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to right, rgba(0,0,0,0.06), transparent);\r\n}\r\n\r\n\/* BODY *\/\r\n#hvs-pv .pv-panel-body {\r\n  padding: 44px 38px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n#hvs-pv .pv-panel-tag {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: #aaaaaa;\r\n  margin-bottom: 12px;\r\n}\r\n#hvs-pv .pv-panel-title {\r\n  font-size: clamp(22px, 2.8vw, 30px);\r\n  font-weight: 800;\r\n  color: #111111;\r\n  line-height: 1.2;\r\n  margin-bottom: 16px;\r\n  letter-spacing: -0.3px;\r\n}\r\n#hvs-pv .pv-panel-title em {\r\n  font-style: normal;\r\n  color: #888888;\r\n  font-weight: 300;\r\n}\r\n#hvs-pv .pv-panel-text {\r\n  font-size: 14px;\r\n  color: #555555;\r\n  line-height: 1.8;\r\n  margin-bottom: 28px;\r\n}\r\n#hvs-pv .pv-panel-stats {\r\n  display: flex;\r\n  gap: 24px;\r\n  flex-wrap: wrap;\r\n}\r\n#hvs-pv .pv-stat {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n#hvs-pv .pv-stat-num {\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  color: #111111;\r\n  line-height: 1;\r\n}\r\n#hvs-pv .pv-stat-lbl {\r\n  font-size: 11px;\r\n  color: #999999;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* BARRA PROGRESO *\/\r\n#hvs-pv .pv-progress {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 2px;\r\n  width: 0%;\r\n  background: #111111;\r\n  z-index: 10;\r\n  border-radius: 0 2px 0 0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n  #hvs-pv .pv-wrap { grid-template-columns: 200px 1fr; }\r\n  #hvs-pv .pv-panel-body { padding: 28px 24px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  #hvs-pv { padding: 56px 5% 60px; }\r\n  #hvs-pv .pv-wrap {\r\n    grid-template-columns: 1fr;\r\n    min-height: auto;\r\n  }\r\n  #hvs-pv .pv-sidebar {\r\n    flex-direction: row;\r\n    border-right: none;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n  }\r\n  #hvs-pv .pv-sidebar::-webkit-scrollbar { display: none; }\r\n  #hvs-pv .pv-tab {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 14px 12px;\r\n    border-left: none;\r\n    border-bottom: 3px solid transparent;\r\n    flex: 1;\r\n    min-width: 72px;\r\n    text-align: center;\r\n  }\r\n  #hvs-pv .pv-tab:not(:last-child) {\r\n    border-bottom: 3px solid transparent;\r\n    border-right: 1px solid #e8e8e8;\r\n  }\r\n  #hvs-pv .pv-tab.on {\r\n    border-bottom-color: #111111;\r\n    border-left-color: transparent;\r\n  }\r\n  #hvs-pv .pv-tab-lbl { font-size: 10px; }\r\n  #hvs-pv .pv-tab-ico { width: 32px; height: 32px; }\r\n  #hvs-pv .pv-tab-ico svg { width: 15px; height: 15px; }\r\n  #hvs-pv .pv-panel { position: relative; }\r\n  #hvs-pv .pv-panel:not(.on) { display: none; }\r\n  #hvs-pv .pv-panel.on { display: grid; grid-template-columns: 1fr; }\r\n  #hvs-pv .pv-panel-img { min-height: 220px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"hvs-pv\">\r\n\r\n  <div class=\"pv-header\">\r\n    <div class=\"pv-eyebrow\">Espacio HVS \u00b7 Casablanca<\/div>\r\n    <h2 class=\"pv-title\">Nuestra propuesta <span>de valor<\/span><\/h2>\r\n    <p class=\"pv-sub\">Infraestructura industrial de primer nivel, dise\u00f1ada para optimizar su operaci\u00f3n log\u00edstica en el eje Santiago\u2013Valpara\u00edso.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"pv-wrap\">\r\n\r\n    <!-- SIDEBAR -->\r\n    <div class=\"pv-sidebar\">\r\n\r\n      <div class=\"pv-tab on\" onclick=\"pvGo(0)\">\r\n        <div class=\"pv-tab-ico\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"pv-tab-lbl\">Instalaciones<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"pv-tab\" onclick=\"pvGo(1)\">\r\n        <div class=\"pv-tab-ico\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"pv-tab-lbl\">Seguridad<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"pv-tab\" onclick=\"pvGo(2)\">\r\n        <div class=\"pv-tab-ico\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"pv-tab-lbl\">Superficie<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"pv-tab\" onclick=\"pvGo(3)\">\r\n        <div class=\"pv-tab-ico\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n        <\/div>\r\n        <span class=\"pv-tab-lbl\">Estacionamiento<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- PANELS -->\r\n    <div class=\"pv-panels\" id=\"pv-panels\">\r\n\r\n      <div class=\"pv-panel on\">\r\n        <div class=\"pv-panel-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/BANNER.webp\" alt=\"Instalaciones Espacio HVS\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"pv-panel-body\">\r\n          <p class=\"pv-panel-tag\">Propuesta \u00b7 Instalaciones<\/p>\r\n          <h3 class=\"pv-panel-title\">Infraestructura <em>de vanguardia<\/em><\/h3>\r\n          <p class=\"pv-panel-text\">Estructura met\u00e1lica de alto est\u00e1ndar con pisos de hormig\u00f3n de alta resistencia e iluminaci\u00f3n natural a trav\u00e9s de lucarnas y grandes ventanales. Dise\u00f1ado para operaciones industriales exigentes.<\/p>\r\n          <div class=\"pv-panel-stats\">\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">+5.000<\/span>\r\n              <span class=\"pv-stat-lbl\">m\u00b2 totales<\/span>\r\n            <\/div>\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">13<\/span>\r\n              <span class=\"pv-stat-lbl\">bodegas disponibles<\/span>\r\n            <\/div>\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">22 UF<\/span>\r\n              <span class=\"pv-stat-lbl\">desde \/ mes<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pv-panel\">\r\n        <div class=\"pv-panel-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Seguridad.webp\" alt=\"Seguridad Espacio HVS\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"pv-panel-body\">\r\n          <p class=\"pv-panel-tag\">Propuesta \u00b7 Seguridad<\/p>\r\n          <h3 class=\"pv-panel-title\">Vigilancia <em>integral incluida<\/em><\/h3>\r\n          <p class=\"pv-panel-text\">Sistema de c\u00e1maras HD con monitoreo continuo y guardias de seguridad en horarios nocturnos y fines de semana. La protecci\u00f3n de su mercader\u00eda est\u00e1 incluida en los gastos comunes.<\/p>\r\n          <div class=\"pv-panel-stats\">\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">24\/7<\/span>\r\n              <span class=\"pv-stat-lbl\">c\u00e1maras HD activas<\/span>\r\n            <\/div>\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">7\/7<\/span>\r\n              <span class=\"pv-stat-lbl\">cobertura semanal<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pv-panel\">\r\n        <div class=\"pv-panel-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Bodega.webp\" alt=\"Superficie bodegas\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"pv-panel-body\">\r\n          <p class=\"pv-panel-tag\">Propuesta \u00b7 Superficie<\/p>\r\n          <h3 class=\"pv-panel-title\">Espacios de <em>todos los tama\u00f1o<\/em><\/h3>\r\n          <p class=\"pv-panel-text\">Desde peque\u00f1os m\u00f3dulos hasta grandes naves industriales con segundo piso y alero adicional. Cada bodega cuenta con plataforma de altillo integrada para oficinas o almacenamiento ligero.<\/p>\r\n          <div class=\"pv-panel-stats\">\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">99<\/span>\r\n              <span class=\"pv-stat-lbl\">m\u00b2 m\u00ednimo<\/span>\r\n            <\/div>\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">1.622<\/span>\r\n              <span class=\"pv-stat-lbl\">m\u00b2 m\u00e1ximo<\/span>\r\n            <\/div>\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">+2do<\/span>\r\n              <span class=\"pv-stat-lbl\">piso en selecci\u00f3n<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pv-panel\">\r\n        <div class=\"pv-panel-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/agrega_muchos_autos_202603191900-scaled.jpg\" alt=\"Estacionamientos Espacio HVS\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"pv-panel-body\">\r\n          <p class=\"pv-panel-tag\">Propuesta \u00b7 Estacionamiento<\/p>\r\n          <h3 class=\"pv-panel-title\">60 estacionamientos <em>a la puerta<\/em><\/h3>\r\n          <p class=\"pv-panel-text\">Amplio patio de maniobras y zona de aparcamiento para veh\u00edculos livianos y camiones. Acceso r\u00e1pido y fluido para clientes, proveedores y personal en los horarios de mayor actividad comercial.<\/p>\r\n          <div class=\"pv-panel-stats\">\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">60<\/span>\r\n              <span class=\"pv-stat-lbl\">estacionamientos<\/span>\r\n            <\/div>\r\n            <div class=\"pv-stat\">\r\n              <span class=\"pv-stat-num\">Alto<\/span>\r\n              <span class=\"pv-stat-lbl\">flujo vehicular<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pv-progress\" id=\"pv-prog\"><\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var tabs   = document.querySelectorAll('#hvs-pv .pv-tab');\r\n  var panels = document.querySelectorAll('#hvs-pv .pv-panel');\r\n  var bar    = document.getElementById('pv-prog');\r\n  var total  = tabs.length;\r\n  var cur    = 0;\r\n  var DELAY  = 5000;\r\n  var raf, t0, paused = false;\r\n\r\n  function startBar(){\r\n    cancelAnimationFrame(raf);\r\n    bar.style.width = '0%';\r\n    t0 = performance.now();\r\n    tick(t0);\r\n  }\r\n\r\n  function tick(now){\r\n    if(paused) return;\r\n    var pct = Math.min((now - t0) \/ DELAY * 100, 100);\r\n    bar.style.width = pct + '%';\r\n    if(pct < 100){\r\n      raf = requestAnimationFrame(tick);\r\n    } else {\r\n      pvGo((cur + 1) % total);\r\n    }\r\n  }\r\n\r\n  window.pvGo = function(n){\r\n    tabs[cur].classList.remove('on');\r\n    panels[cur].classList.remove('on');\r\n    cur = ((n % total) + total) % total;\r\n    tabs[cur].classList.add('on');\r\n    panels[cur].classList.add('on');\r\n    if(!paused) startBar();\r\n  };\r\n\r\n  var wrap = document.querySelector('#hvs-pv .pv-wrap');\r\n  wrap.addEventListener('mouseenter', function(){\r\n    paused = true;\r\n    cancelAnimationFrame(raf);\r\n  });\r\n  wrap.addEventListener('mouseleave', function(){\r\n    paused = false;\r\n    var elapsed = parseFloat(bar.style.width) \/ 100 * DELAY;\r\n    t0 = performance.now() - elapsed;\r\n    tick(performance.now());\r\n  });\r\n\r\n  startBar();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad82d0c e-con-full e-flex e-con e-parent\" data-id=\"ad82d0c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9eb29d6 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"9eb29d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* \u2500\u2500 Reset y scope \u2500\u2500 *\/\n#hvs2 *{box-sizing:border-box;margin:0;padding:0}\n#hvs2 img,#hvs2 svg{display:block}\n#hvs2 button,#hvs2 input,#hvs2 textarea,#hvs2 select{font-family:inherit}\n\n#hvs2{\n  --c-bg:       #ffffff;\n  --c-section:  #f8f8f8;\n  --c-card:     #ffffff;\n  --c-dark:     #111111;\n  --c-mid:      #555555;\n  --c-muted:    #999999;\n  --c-border:   #e8e8e8;\n  --c-green:    #1e7e45;\n  --c-green-bg: #e8f5ec;\n  --c-red:      #b52b2b;\n  --c-red-bg:   #fceaea;\n  --rad:        16px;\n  --shadow:     0 2px 40px rgba(0,0,0,.06);\n  --shadow-md:  0 6px 40px rgba(0,0,0,.09);\n  --t:          .25s cubic-bezier(.4,0,.2,1);\n\n  font-family: 'Arial', sans-serif;\n  color: var(--c-dark);\n  background: var(--c-bg);\n  padding: 50px 5% 60px;\n  width: 100%;\n}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n#hvs2 .h-header{text-align:center;margin-bottom:52px}\n#hvs2 .h-eyebrow{\n  display:inline-flex;align-items:center;gap:10px;\n  font-size:10px;font-weight:600;letter-spacing:4px;\n  text-transform:uppercase;color:#888;\n  margin-bottom:14px;justify-content:center;width:100%;\n}\n#hvs2 .h-eyebrow::before,\n#hvs2 .h-eyebrow::after{content:'';display:block;width:32px;height:1px;background:#ccc}\n#hvs2 .h-title{\n  font-size:clamp(28px,4vw,42px);font-weight:800;color:#111;\n  line-height:1.15;letter-spacing:-0.5px;margin-bottom:12px;\n}\n#hvs2 .h-title em{font-style:normal;color:#888;font-weight:300}\n#hvs2 .h-sub{font-size:15px;color:#666;line-height:1.65;max-width:520px;margin:0 auto 24px}\n#hvs2 .h-legend{\n  display:inline-flex;align-items:center;gap:28px;\n  background:var(--c-card);border:1px solid var(--c-border);\n  border-radius:100px;padding:10px 24px;box-shadow:var(--shadow);\n}\n#hvs2 .h-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--c-mid)}\n#hvs2 .h-dot{width:10px;height:10px;border-radius:50%}\n#hvs2 .h-dot.g{background:#30a84f}\n#hvs2 .h-dot.r{background:#e04040}\n\n\/* \u2500\u2500 MAPA \u2500\u2500 *\/\n#hvs2 .h-map-card{\n  border-radius:var(--rad);box-shadow:var(--shadow);\n  border:1px solid var(--c-border);overflow:hidden;\n  max-width:1100px;margin:0 auto 24px;\n  background:var(--c-card);padding:16px;\n}\n#hvs2 .h-map-inner{\n  position:relative;width:100%;\n  border-radius:10px;overflow:hidden;min-height:420px;\n}\n#hvs2 .h-map-inner img{width:100%;height:auto;display:block;border-radius:10px}\n\n\/* \u2500\u2500 HOTSPOTS \u2500\u2500 *\/\n#hvs2 .hs{\n  position:absolute;border-radius:6px;cursor:pointer;\n  display:flex;align-items:center;justify-content:center;\n  transition:opacity var(--t),transform var(--t),box-shadow var(--t),outline var(--t);\n  opacity:0;\n}\n#hvs2 .hs:hover{opacity:.65;transform:scale(1.025);z-index:5}\n#hvs2 .hs.active{opacity:.78 !important;outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--c-dark);z-index:6}\n#hvs2 .hs.g{background:#30a84f}\n#hvs2 .hs.r{background:#e04040;cursor:default}\n#hvs2 .hs-label{\n  font-size:clamp(8px,.9vw,13px);font-weight:900;color:#fff;\n  text-shadow:0 1px 4px rgba(0,0,0,.55);letter-spacing:.5px;pointer-events:none;line-height:1;\n}\n\n\/* \u2500\u2500 Tooltip \u2500\u2500 *\/\n#hvs2 .h-tip{\n  position:absolute;background:var(--c-dark);color:#fff;\n  font-size:11px;font-weight:700;letter-spacing:.3px;\n  padding:7px 14px;border-radius:8px;pointer-events:none;\n  white-space:nowrap;opacity:0;transform:translate(-50%,-130%);\n  transition:opacity .15s;z-index:20;box-shadow:0 4px 16px rgba(0,0,0,.3);\n}\n#hvs2 .h-tip::after{\n  content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);\n  border:6px solid transparent;border-top-color:var(--c-dark);\n}\n\n\/* \u2500\u2500 Hint \u2500\u2500 *\/\n#hvs2 .h-hint{\n  text-align:center;font-size:12px;color:#bbb;font-weight:500;\n  margin-top:10px;display:flex;align-items:center;\n  justify-content:center;gap:6px;letter-spacing:.3px;\n}\n#hvs2 .h-hint svg{width:14px;height:14px;stroke:#ccc;fill:none;stroke-width:2;flex-shrink:0}\n\n\/* \u2500\u2500 PANEL \u2500\u2500 *\/\n#hvs2 .h-panel{max-width:1100px;margin:0 auto;display:none;animation:hvs2FadeUp .35s cubic-bezier(.4,0,.2,1) both}\n#hvs2 .h-panel.show{display:block}\n@keyframes hvs2FadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}\n\n#hvs2 .h-panel-grid{\n  border-radius:var(--rad);box-shadow:var(--shadow);\n  border:1px solid var(--c-border);overflow:hidden;\n  display:grid;grid-template-columns:1fr 1fr;\n}\n\n\/* \u2500\u2500 INFO \u2500\u2500 *\/\n#hvs2 .h-info{\n  padding:44px 38px;border-right:1px solid var(--c-border);\n  display:flex;flex-direction:column;justify-content:space-between;\n  gap:32px;background:var(--c-card);\n}\n#hvs2 .h-badge{\n  display:inline-flex;align-items:center;gap:7px;\n  padding:5px 14px;border-radius:100px;\n  font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;\n}\n#hvs2 .h-badge.g{background:var(--c-green-bg);color:var(--c-green)}\n#hvs2 .h-badge.r{background:var(--c-red-bg);color:var(--c-red)}\n#hvs2 .h-badge-dot{width:7px;height:7px;border-radius:50%}\n#hvs2 .h-badge.g .h-badge-dot{background:var(--c-green)}\n#hvs2 .h-badge.r .h-badge-dot{background:var(--c-red)}\n#hvs2 .h-bname{font-size:clamp(22px,2.8vw,30px);font-weight:800;color:#111;line-height:1.2;letter-spacing:-0.3px;margin-top:10px}\n#hvs2 .h-bloc{font-size:14px;color:var(--c-muted);margin-top:6px;font-weight:400}\n#hvs2 .h-stats{display:flex;flex-direction:column;gap:0}\n#hvs2 .h-stat-row{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid var(--c-border)}\n#hvs2 .h-stat-row:last-child{border-bottom:none}\n#hvs2 .h-stat-ico{\n  width:38px;height:38px;border-radius:10px;background:var(--c-section);\n  border:1px solid var(--c-border);display:flex;align-items:center;\n  justify-content:center;flex-shrink:0;margin-right:16px;\n}\n#hvs2 .h-stat-ico svg{width:18px;height:18px;stroke:var(--c-mid);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#hvs2 .h-stat-body{display:flex;flex-direction:column;gap:1px}\n#hvs2 .h-stat-val{font-size:24px;font-weight:800;color:#111;line-height:1}\n#hvs2 .h-stat-val.price{color:var(--c-green)}\n#hvs2 .h-stat-lbl{font-size:11px;color:#999;letter-spacing:.5px}\n#hvs2 .h-obs{\n  display:flex;align-items:flex-start;gap:10px;background:var(--c-section);\n  border-radius:10px;padding:14px 16px;font-size:14px;color:var(--c-mid);line-height:1.8;\n}\n#hvs2 .h-obs svg{width:16px;height:16px;flex-shrink:0;stroke:var(--c-mid);fill:none;stroke-width:2;margin-top:2px}\n#hvs2 .h-rented{background:var(--c-red-bg);border-radius:10px;padding:24px;text-align:center;font-size:14px;color:var(--c-red);line-height:1.8}\n#hvs2 .h-rented a{color:var(--c-dark);font-weight:700;text-decoration:none}\n#hvs2 .h-rented a:hover{text-decoration:underline}\n#hvs2 .h-rented-ico{width:44px;height:44px;margin:0 auto 12px;background:rgba(181,43,43,.1);border-radius:12px;display:flex;align-items:center;justify-content:center}\n#hvs2 .h-rented-ico svg{width:22px;height:22px;stroke:var(--c-red);fill:none;stroke-width:1.8}\n\n\/* \u2500\u2500 FORMULARIO \u2500\u2500 *\/\n#hvs2 .h-form-side{\n  padding:44px 38px;display:flex;flex-direction:column;\n  background:var(--c-section);position:relative;overflow:hidden;\n}\n#hvs2 .h-form-heading{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#aaa;margin-bottom:24px}\n#hvs2 .h-form{display:flex;flex-direction:column;gap:16px}\n#hvs2 .h-field{display:flex;flex-direction:column;gap:6px}\n#hvs2 .h-field label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#888}\n#hvs2 .h-field input,\n#hvs2 .h-field textarea{\n  width:100%;padding:13px 16px;border:1.5px solid var(--c-border);border-radius:10px;\n  font-size:14px;color:var(--c-dark);background:#fff;\n  transition:border-color var(--t),box-shadow var(--t);outline:none;resize:none;\n}\n#hvs2 .h-field input:focus,\n#hvs2 .h-field textarea:focus{border-color:var(--c-dark);box-shadow:0 0 0 4px rgba(0,0,0,.06)}\n#hvs2 .h-field input[readonly]{background:#f3f3f1;color:#aaa;cursor:default;border-color:#e8e8e6}\n#hvs2 .h-field textarea{min-height:80px}\n#hvs2 .h-btn{\n  width:100%;padding:15px;background:var(--c-dark);color:#fff;border:none;border-radius:10px;\n  font-size:14px;font-weight:800;letter-spacing:.5px;cursor:pointer;\n  transition:background var(--t),transform var(--t),box-shadow var(--t);margin-top:4px;\n}\n#hvs2 .h-btn:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.15)}\n#hvs2 .h-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}\n#hvs2 .h-btn:disabled{background:#c0c0be;cursor:not-allowed;transform:none;box-shadow:none}\n#hvs2 .h-msg{padding:13px 16px;border-radius:10px;font-size:13px;font-weight:700;display:none;line-height:1.4}\n#hvs2 .h-msg.err{background:var(--c-red-bg);color:var(--c-red)}\n\n\/* \u2500\u2500 PANTALLA DE \u00c9XITO \u2500\u2500 *\/\n#hvs2 .h-success{\n  display:none;position:absolute;inset:0;background:#fafaf9;\n  flex-direction:column;align-items:center;justify-content:center;\n  text-align:center;padding:40px 32px;z-index:10;\n  animation:hvs2SuccessIn .45s cubic-bezier(.4,0,.2,1) both;\n}\n#hvs2 .h-success.show{display:flex}\n@keyframes hvs2SuccessIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}\n#hvs2 .h-success-circle{\n  width:80px;height:80px;border-radius:50%;background:var(--c-green-bg);\n  display:flex;align-items:center;justify-content:center;margin-bottom:24px;\n  animation:hvs2Pop .5s .15s cubic-bezier(.34,1.56,.64,1) both;\n}\n@keyframes hvs2Pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}\n#hvs2 .h-success-circle svg{width:38px;height:38px;stroke:var(--c-green);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\n#hvs2 .h-check-path{stroke-dasharray:50;stroke-dashoffset:50;animation:hvs2Draw .45s .45s ease forwards}\n@keyframes hvs2Draw{to{stroke-dashoffset:0}}\n#hvs2 .h-success-title{font-size:20px;font-weight:800;color:#111;letter-spacing:-0.3px;margin-bottom:8px}\n#hvs2 .h-success-sub{font-size:14px;color:#777;line-height:1.6;max-width:280px;margin:0 auto 28px}\n#hvs2 .h-countdown-wrap{width:100%;max-width:240px}\n#hvs2 .h-countdown-lbl{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#bbb;margin-bottom:8px}\n#hvs2 .h-countdown-track{width:100%;height:3px;background:#e8e8e8;border-radius:100px;overflow:hidden}\n#hvs2 .h-countdown-bar{height:100%;width:100%;background:var(--c-green);border-radius:100px;transform-origin:left;transition:width 5s linear}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:900px){\n  #hvs2 .h-panel-grid{grid-template-columns:1fr}\n  #hvs2 .h-info{border-right:none;border-bottom:1px solid var(--c-border);padding:28px 24px}\n  #hvs2 .h-form-side{padding:28px 24px}\n}\n@media(max-width:680px){\n  #hvs2{padding:40px 4% 50px}\n  #hvs2 .h-map-card{padding:10px}\n  #hvs2 .h-map-inner{min-height:240px}\n  #hvs2 .h-info{padding:24px 20px;gap:24px}\n  #hvs2 .h-form-side{padding:24px 20px}\n}\n<\/style>\n\n<section id=\"hvs2\">\n\n  <!-- HEADER -->\n  <div class=\"h-header\">\n    <div class=\"h-eyebrow\">Espacio HVS \u00b7 Casablanca<\/div>\n    <h2 class=\"h-title\">Espacios <em>Disponibles<\/em><\/h2>\n    <p class=\"h-sub\">Valores por cuerpo cierto &nbsp;\u00b7&nbsp; Valores m\u00e1s IVA<\/p>\n    <div class=\"h-legend\">\n      <div class=\"h-legend-item\"><span class=\"h-dot g\"><\/span> Disponible<\/div>\n      <div class=\"h-legend-item\"><span class=\"h-dot r\"><\/span> Arrendada<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MAPA -->\n  <div class=\"h-map-card\">\n    <div class=\"h-map-inner\" id=\"hvs2-map\">\n      <img decoding=\"async\"\n        src=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/05\/Bodegas-Disponibles-01-1.svg\"\n        alt=\"Plano de Bodegas Espacio HVS\"\n        draggable=\"false\"\n        id=\"hvs2-img\"\n      >\n\n      <!-- Hotspots -->\n      <div class=\"hs g\" data-id=\"F\" style=\"left:11.97%;top:16.49%;width:11.44%;height:7.57%\"><span class=\"hs-label\">F<\/span><\/div>\n      <div class=\"hs g\" data-id=\"E\" style=\"left:11.97%;top:24.51%;width:11.44%;height:7.14%\"><span class=\"hs-label\">E<\/span><\/div>\n      <div class=\"hs g\" data-id=\"D\" style=\"left:11.97%;top:32.09%;width:11.44%;height:7.08%\"><span class=\"hs-label\">D<\/span><\/div>\n      <div class=\"hs r\" data-id=\"C\" style=\"left:11.97%;top:39.58%;width:11.44%;height:7.07%\"><span class=\"hs-label\">C<\/span><\/div>\n      <div class=\"hs r\" data-id=\"B\" style=\"left:11.97%;top:47.10%;width:11.44%;height:7.03%\"><span class=\"hs-label\">B<\/span><\/div>\n      <div class=\"hs g\" data-id=\"A\" style=\"left:11.97%;top:54.61%;width:11.44%;height:10.19%\"><span class=\"hs-label\">A<\/span><\/div>\n      <div class=\"hs g\" data-id=\"5\" style=\"left:27.47%;top:16.85%;width:14.41%;height:22.14%\"><span class=\"hs-label\">5<\/span><\/div>\n      <div class=\"hs g\" data-id=\"6\" style=\"left:42.40%;top:16.85%;width:14.41%;height:22.14%\"><span class=\"hs-label\">6<\/span><\/div>\n      <div class=\"hs r\" data-id=\"7\" style=\"left:57.27%;top:16.85%;width:14.41%;height:22.14%\"><span class=\"hs-label\">7<\/span><\/div>\n      <div class=\"hs g\" data-id=\"1\" style=\"left:27.47%;top:39.70%;width:14.41%;height:29.22%\"><span class=\"hs-label\">1<\/span><\/div>\n      <div class=\"hs r\" data-id=\"2\" style=\"left:42.66%;top:40.19%;width:14.18%;height:32.18%\"><span class=\"hs-label\">2<\/span><\/div>\n      <div class=\"hs r\" data-id=\"3\" style=\"left:57.53%;top:40.19%;width:14.18%;height:35.56%\"><span class=\"hs-label\">3<\/span><\/div>\n      <div class=\"hs r\" data-id=\"4\" style=\"left:72.41%;top:17.27%;width:14.57%;height:62.22%\"><span class=\"hs-label\">4<\/span><\/div>\n\n      <div class=\"h-tip\" id=\"hvs2-tip\"><\/div>\n    <\/div>\n\n    <div class=\"h-hint\" id=\"hvs2-hint\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg>\n      Haz clic sobre una bodega para ver detalles y solicitar informaci\u00f3n\n    <\/div>\n  <\/div>\n\n  <!-- PANEL -->\n  <div class=\"h-panel\" id=\"hvs2-panel\">\n    <div class=\"h-panel-grid\">\n\n      <!-- IZQUIERDA: info -->\n      <div class=\"h-info\" id=\"hvs2-info\">\n        <div>\n          <div class=\"h-badge\" id=\"hvs2-badge\">\n            <span class=\"h-badge-dot\"><\/span>\n            <span id=\"hvs2-badge-txt\"><\/span>\n          <\/div>\n          <div class=\"h-bname\" id=\"hvs2-bname\"><\/div>\n          <div class=\"h-bloc\">Centro Log\u00edstico Espacio HVS \u00b7 Casablanca<\/div>\n        <\/div>\n\n        <div class=\"h-stats\">\n          <div class=\"h-stat-row\">\n            <div class=\"h-stat-ico\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n            <\/div>\n            <div class=\"h-stat-body\">\n              <div class=\"h-stat-val\" id=\"hvs2-m2\">\u2014<\/div>\n              <div class=\"h-stat-lbl\">m\u00b2 totales (por cuerpo cierto)<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-stat-row\" id=\"hvs2-price-row\">\n            <div class=\"h-stat-ico\">\n              <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg>\n            <\/div>\n            <div class=\"h-stat-body\">\n              <div class=\"h-stat-val price\" id=\"hvs2-price\">\u2014<\/div>\n              <div class=\"h-stat-lbl\">UF \/ mes + IVA<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"h-obs\" id=\"hvs2-obs\" style=\"display:none\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><circle cx=\"12\" cy=\"16\" r=\".5\" fill=\"currentColor\"\/><\/svg>\n          <span id=\"hvs2-obs-txt\"><\/span>\n        <\/div>\n\n        <div class=\"h-rented\" id=\"hvs2-rented\" style=\"display:none\">\n          <div class=\"h-rented-ico\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n          <\/div>\n          <strong>Esta bodega est\u00e1 arrendada<\/strong><br>\n          \u00bfTe interesa quedar en lista de espera?<br>\n          Escr\u00edbenos a <a href=\"mailto:espaciohvs@gmail.com\">espaciohvs@gmail.com<\/a><br>\n          o llama al <a href=\"tel:+56988093893\">+569 8809 3893<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- DERECHA: formulario -->\n      <div class=\"h-form-side\" id=\"hvs2-form-side\">\n\n        <div class=\"h-success\" id=\"hvs2-success\">\n          <div class=\"h-success-circle\">\n            <svg viewBox=\"0 0 24 24\">\n              <path class=\"h-check-path\" d=\"M5 13l4 4L19 7\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"h-success-title\">\u00a1Mensaje enviado!<\/div>\n          <div class=\"h-success-sub\">Te contactaremos a la brevedad con informaci\u00f3n sobre la bodega.<\/div>\n          <div class=\"h-countdown-wrap\">\n            <div class=\"h-countdown-lbl\">Cerrando en 5 segundos<\/div>\n            <div class=\"h-countdown-track\">\n              <div class=\"h-countdown-bar\" id=\"hvs2-cbar\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"h-form-heading\">Solicitar informaci\u00f3n<\/div>\n\n        <div class=\"h-form\" id=\"hvs2-form\">\n          <div class=\"h-field\">\n            <label>Bodega seleccionada<\/label>\n            <input type=\"text\" id=\"hvs2-f-ref\" readonly placeholder=\"\u2014\">\n          <\/div>\n          <div class=\"h-field\">\n            <label>Nombre *<\/label>\n            <input type=\"text\" id=\"hvs2-f-nombre\" placeholder=\"Tu nombre completo\">\n          <\/div>\n          <div class=\"h-field\">\n            <label>Email *<\/label>\n            <input type=\"email\" id=\"hvs2-f-email\" placeholder=\"tu@correo.com\">\n          <\/div>\n          <div class=\"h-field\">\n            <label>Tel\u00e9fono<\/label>\n            <input type=\"tel\" id=\"hvs2-f-tel\" placeholder=\"+56 9 XXXX XXXX\">\n          <\/div>\n          <div class=\"h-field\">\n            <label>Mensaje<\/label>\n            <textarea id=\"hvs2-f-msg\" placeholder=\"\u00bfAlguna consulta adicional sobre la bodega?\"><\/textarea>\n          <\/div>\n\n          <button type=\"button\" class=\"h-btn\" id=\"hvs2-btn\">\n            Enviar consulta\n          <\/button>\n          <div class=\"h-msg err\" id=\"hvs2-err\">\n            \u2715 <span id=\"hvs2-err-txt\"><\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n'use strict';\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DATOS DE BODEGAS\n   Para modificar: cambia d (disponible), m2 (metros), p (precio UF), obs (nota)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nvar BD = {\n  'A':{ d:true,  m2:211.8,  p:47,   obs:'2do piso incluido' },\n  'B':{ d:false, m2:99.9,   p:22,   obs:'' },\n  'C':{ d:false, m2:99.9,   p:22,   obs:'' },\n  'D':{ d:true,  m2:99.9,   p:22,   obs:'' },\n  'E':{ d:true,  m2:99.9,   p:22,   obs:'' },\n  'F':{ d:true,  m2:162.7,  p:36,   obs:'2do piso incluido' },\n  '1':{ d:true,  m2:422,    p:64,   obs:'' },\n  '2':{ d:false, m2:538.4,  p:82,   obs:'' },                                    \/\/ \u2705 ARRENDADA\n  '3':{ d:false, m2:596.8,  p:null, obs:'Alero adicional de 110 m\u00b2' },\n  '4':{ d:false, m2:1622.1, p:null, obs:'2do piso incluido \u00b7 Alero adicional de 110 m\u00b2' },\n  '5':{ d:true,  m2:383,    p:62,   obs:'Alero adicional de 110 m\u00b2' },\n  '6':{ d:true,  m2:383,    p:62,   obs:'Alero adicional de 110 m\u00b2' },\n  '7':{ d:false, m2:383,    p:62,   obs:'Alero adicional de 110 m\u00b2' }            \/\/ \u2705 ARRENDADA\n};\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CONFIGURACI\u00d3N (inyectada desde PHP de forma segura)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nvar AJAX_URL  = 'https:\/\/espaciohvs.cl\/wp-admin\/admin-ajax.php';\nvar NONCE_URL = 'https:\/\/espaciohvs.cl\/index.php?rest_route=\/hvs\/v1\/nonce';\nvar currentNonce = 'f231327b9c';\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   AUTO-RENOVACI\u00d3N DEL NONCE\n   WordPress expira el nonce cada ~12h. Esta funci\u00f3n lo renueva\n   autom\u00e1ticamente cada 10 horas para evitar fallos.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction refreshNonce() {\n  fetch(NONCE_URL, { credentials: 'same-origin' })\n    .then(function(r){ return r.json(); })\n    .then(function(data){ if(data.nonce){ currentNonce = data.nonce; } })\n    .catch(function(e){ console.warn('HVS: no se pudo renovar nonce', e); });\n}\n\/\/ Renovar cada 10 horas (sin recargar la p\u00e1gina)\nsetInterval(refreshNonce, 10 * 60 * 60 * 1000);\n\n\/* \u2500\u2500 Refs DOM \u2500\u2500 *\/\nvar map      = document.getElementById('hvs2-map');\nvar panel    = document.getElementById('hvs2-panel');\nvar hint     = document.getElementById('hvs2-hint');\nvar tip      = document.getElementById('hvs2-tip');\nvar badge    = document.getElementById('hvs2-badge');\nvar badgeTxt = document.getElementById('hvs2-badge-txt');\nvar bname    = document.getElementById('hvs2-bname');\nvar m2El     = document.getElementById('hvs2-m2');\nvar priceEl  = document.getElementById('hvs2-price');\nvar priceRow = document.getElementById('hvs2-price-row');\nvar obsEl    = document.getElementById('hvs2-obs');\nvar obsTxt   = document.getElementById('hvs2-obs-txt');\nvar rentedEl = document.getElementById('hvs2-rented');\nvar formSide = document.getElementById('hvs2-form-side');\nvar fNombre  = document.getElementById('hvs2-f-nombre');\nvar fEmail   = document.getElementById('hvs2-f-email');\nvar fTel     = document.getElementById('hvs2-f-tel');\nvar fMsg     = document.getElementById('hvs2-f-msg');\nvar fRef     = document.getElementById('hvs2-f-ref');\nvar btn      = document.getElementById('hvs2-btn');\nvar successEl= document.getElementById('hvs2-success');\nvar cbar     = document.getElementById('hvs2-cbar');\nvar msgErr   = document.getElementById('hvs2-err');\nvar errTxt   = document.getElementById('hvs2-err-txt');\nvar hotspots = map.querySelectorAll('.hs');\n\nvar currentBodega = '';\nvar successTimer  = null;\n\n\/* \u2500\u2500 Tooltip \u2500\u2500 *\/\nfunction showTip(hs, id, info){\n  var txt = 'Bodega ' + id + ' \u00b7 ' + info.m2.toLocaleString('es-CL') + ' m\u00b2';\n  txt += info.d ? '  \u00b7  ' + info.p + ' UF\/mes' : '  \u00b7  Arrendada';\n  tip.textContent = txt;\n  var pr = hs.parentElement.getBoundingClientRect();\n  var hr = hs.getBoundingClientRect();\n  tip.style.left    = (hr.left - pr.left + hr.width \/ 2) + 'px';\n  tip.style.top     = (hr.top  - pr.top) + 'px';\n  tip.style.opacity = '1';\n}\nfunction hideTip(){ tip.style.opacity = '0'; }\n\n\/* \u2500\u2500 Selecci\u00f3n de bodega \u2500\u2500 *\/\nfunction selectBodega(id, hs){\n  var info = BD[id];\n  if(!info) return;\n\n  currentBodega = 'Bodega ' + id + ' (' + info.m2 + ' m\u00b2' + (info.p ? ' \u00b7 ' + info.p + ' UF\/mes' : '') + ')';\n\n  hotspots.forEach(function(h){ h.classList.remove('active'); });\n  hs.classList.add('active');\n  hideTip();\n\n  hint.style.display = 'none';\n\n  panel.classList.remove('show');\n  void panel.offsetWidth;\n  panel.classList.add('show');\n\n  badge.className      = 'h-badge ' + (info.d ? 'g' : 'r');\n  badgeTxt.textContent = info.d ? 'DISPONIBLE' : 'ARRENDADA';\n  bname.textContent    = 'Bodega ' + id;\n  m2El.textContent     = info.m2.toLocaleString('es-CL') + ' m\u00b2';\n\n  if(info.d && info.p){\n    priceEl.textContent    = info.p + ' UF';\n    priceRow.style.display = '';\n  } else {\n    priceRow.style.display = 'none';\n  }\n\n  if(info.obs){\n    obsTxt.textContent  = info.obs;\n    obsEl.style.display = '';\n  } else {\n    obsEl.style.display = 'none';\n  }\n\n  if(info.d){\n    formSide.style.display = '';\n    rentedEl.style.display = 'none';\n    fRef.value = 'Bodega ' + id + ' \u2014 ' + info.m2 + ' m\u00b2';\n    msgErr.style.display = 'none';\n    btn.disabled    = false;\n    btn.textContent = 'Enviar consulta';\n    successEl.classList.remove('show');\n  } else {\n    formSide.style.display = 'none';\n    rentedEl.style.display = '';\n  }\n\n  setTimeout(function(){\n    panel.scrollIntoView({ behavior:'smooth', block:'start' });\n  }, 80);\n}\n\n\/* \u2500\u2500 Eventos hotspots \u2500\u2500 *\/\nhotspots.forEach(function(hs){\n  var id = hs.dataset.id;\n  hs.addEventListener('mouseenter', function(){ showTip(hs, id, BD[id]); });\n  hs.addEventListener('mouseleave', hideTip);\n  hs.addEventListener('click', function(){ selectBodega(id, hs); });\n  hs.addEventListener('touchend', function(e){\n    e.preventDefault();\n    selectBodega(id, hs);\n  });\n});\n\n\/* \u2500\u2500 Env\u00edo AJAX con nonce auto-renovable \u2500\u2500 *\/\nfunction doSend(nombre, email, tel, msg) {\n  var fd = new FormData();\n  fd.append('action',   'hvs_bodega_inquiry');\n  fd.append('nonce',    currentNonce);   \/\/ Siempre usa el nonce m\u00e1s fresco\n  fd.append('bodega',   currentBodega);\n  fd.append('nombre',   nombre);\n  fd.append('email',    email);\n  fd.append('telefono', tel);\n  fd.append('mensaje',  msg);\n\n  fetch(AJAX_URL, { method:'POST', body:fd })\n    .then(function(r){\n      if(!r.ok) throw new Error('HTTP ' + r.status);\n      return r.json();\n    })\n    .then(function(res){\n      if(res.success){\n        fNombre.value = '';\n        fEmail.value  = '';\n        fTel.value    = '';\n        fMsg.value    = '';\n        fRef.value    = '';\n        currentBodega = '';\n\n        successEl.classList.add('show');\n\n        cbar.style.transition = 'none';\n        cbar.style.width      = '100%';\n        void cbar.offsetWidth;\n        cbar.style.transition = 'width 5s linear';\n        cbar.style.width      = '0%';\n\n        if(successTimer) clearTimeout(successTimer);\n        successTimer = setTimeout(function(){\n          successEl.classList.remove('show');\n          btn.disabled    = false;\n          btn.textContent = 'Enviar consulta';\n        }, 5000);\n\n      } else {\n        \/\/ Si el error es de nonce expirado, renovar y reintentar UNA vez\n        if(res.error && res.error.indexOf('token') !== -1){\n          refreshNonce();\n        }\n        errTxt.textContent   = res.error || 'Error al enviar. Intenta de nuevo.';\n        msgErr.style.display = 'block';\n        btn.disabled    = false;\n        btn.textContent = 'Enviar consulta';\n      }\n    })\n    .catch(function(err){\n      console.error('HVS AJAX error:', err);\n      errTxt.textContent   = 'Error de conexi\u00f3n. Por favor intenta de nuevo.';\n      msgErr.style.display = 'block';\n      btn.disabled    = false;\n      btn.textContent = 'Enviar consulta';\n    });\n}\n\nbtn.addEventListener('click', function(){\n  msgErr.style.display = 'none';\n\n  var nombre = fNombre.value.trim();\n  var email  = fEmail.value.trim();\n  var tel    = fTel.value.trim();\n  var msg    = fMsg.value.trim();\n  var re     = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n  if(!currentBodega){\n    errTxt.textContent   = 'Por favor selecciona una bodega en el mapa primero.';\n    msgErr.style.display = 'block'; return;\n  }\n  if(!nombre){\n    errTxt.textContent   = 'Por favor ingresa tu nombre.';\n    msgErr.style.display = 'block'; return;\n  }\n  if(!re.test(email)){\n    errTxt.textContent   = 'Por favor ingresa un email v\u00e1lido.';\n    msgErr.style.display = 'block'; return;\n  }\n\n  btn.disabled    = true;\n  btn.textContent = 'Enviando\u2026';\n\n  doSend(nombre, email, tel, msg);\n});\n\n})();\n<\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fa2e94 e-flex e-con-boxed e-con e-parent\" data-id=\"0fa2e94\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b7b3f1 elementor-widget elementor-widget-html\" data-id=\"8b7b3f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#hvs-dl * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#hvs-dl {\r\n  width: 100%;\r\n  padding: 5%;\r\n  font-family: Arial, sans-serif;\r\n  background: #ffffff;\r\n}\r\n\r\n#hvs-dl .dl-card {\r\n  background: #111111;\r\n  border-radius: 20px;\r\n  padding: 44px 48px;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 40px;\r\n}\r\n\r\n\/* TEXTO IZQUIERDA *\/\r\n#hvs-dl .dl-texto {}\r\n\r\n#hvs-dl .dl-eyebrow {\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.35);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#hvs-dl .dl-titulo {\r\n  font-size: clamp(22px, 2.8vw, 32px);\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n#hvs-dl .dl-titulo span {\r\n  color: rgba(255,255,255,0.38);\r\n  font-weight: 300;\r\n}\r\n\r\n#hvs-dl .dl-sub {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.42);\r\n  line-height: 1.65;\r\n  max-width: 340px;\r\n}\r\n\r\n\/* SEPARADOR *\/\r\n#hvs-dl .dl-sep {\r\n  width: 1px;\r\n  height: 80px;\r\n  background: rgba(255,255,255,0.08);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* BOTONES *\/\r\n#hvs-dl .dl-botones {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  flex-shrink: 0;\r\n  min-width: 300px;\r\n}\r\n\r\n#hvs-dl .dl-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.11);\r\n  border-radius: 12px;\r\n  padding: 15px 18px;\r\n  text-decoration: none;\r\n  transition: background 0.2s, border-color 0.2s, transform 0.18s;\r\n}\r\n\r\n#hvs-dl .dl-btn:hover {\r\n  background: rgba(255,255,255,0.12);\r\n  border-color: rgba(255,255,255,0.24);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#hvs-dl .dl-btn:active { transform: translateY(0); }\r\n\r\n#hvs-dl .dl-btn-ico {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 9px;\r\n  background: rgba(255,255,255,0.09);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#hvs-dl .dl-btn-ico svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  fill: none;\r\n  stroke: rgba(255,255,255,0.80);\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#hvs-dl .dl-btn-info { flex: 1; }\r\n\r\n#hvs-dl .dl-btn-label {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  line-height: 1.2;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n#hvs-dl .dl-btn-meta {\r\n  font-size: 11px;\r\n  color: rgba(255,255,255,0.32);\r\n}\r\n\r\n#hvs-dl .dl-btn-arrow {\r\n  width: 28px;\r\n  height: 28px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.07);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: background 0.2s;\r\n}\r\n\r\n#hvs-dl .dl-btn:hover .dl-btn-arrow {\r\n  background: rgba(255,255,255,0.18);\r\n}\r\n\r\n#hvs-dl .dl-btn-arrow svg {\r\n  width: 13px;\r\n  height: 13px;\r\n  fill: none;\r\n  stroke: rgba(255,255,255,0.65);\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 860px) {\r\n  #hvs-dl .dl-card {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 28px;\r\n    padding: 36px 32px;\r\n  }\r\n  #hvs-dl .dl-sep { display: none; }\r\n  #hvs-dl .dl-botones {\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n  #hvs-dl .dl-btn { width: 100%; }\r\n  #hvs-dl .dl-sub { max-width: 100%; }\r\n}\r\n\r\n\/* M\u00d3VIL *\/\r\n@media (max-width: 480px) {\r\n  #hvs-dl { padding: 5% 4%; }\r\n  #hvs-dl .dl-card {\r\n    padding: 28px 22px;\r\n    border-radius: 16px;\r\n    gap: 24px;\r\n  }\r\n  #hvs-dl .dl-btn { padding: 13px 14px; gap: 12px; }\r\n  #hvs-dl .dl-btn-ico { width: 36px; height: 36px; }\r\n  #hvs-dl .dl-btn-label { font-size: 13px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"hvs-dl\">\r\n  <div class=\"dl-card\">\r\n\r\n    <!-- TEXTO -->\r\n    <div class=\"dl-texto\">\r\n      <p class=\"dl-eyebrow\">Espacio HVS &middot; Casablanca<\/p>\r\n      <h2 class=\"dl-titulo\">Fichas <span>T\u00e9cnicas<\/span><\/h2>\r\n      <p class=\"dl-sub\">Descargue la informaci\u00f3n t\u00e9cnica completa con planos, valores y disponibilidad actualizada.<\/p>\r\n    <\/div>\r\n\r\n    <!-- SEPARADOR -->\r\n    <div class=\"dl-sep\"><\/div>\r\n\r\n    <!-- BOTONES -->\r\n    <div class=\"dl-botones\">\r\n\r\n      <a class=\"dl-btn\"\r\n        href=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Ficha-Bodegas-Disponibles-2026.pdf\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\">\r\n        <div class=\"dl-btn-ico\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/>\r\n            <polyline points=\"14 2 14 8 20 8\"\/>\r\n            <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/>\r\n            <polyline points=\"9 15 12 18 15 15\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"dl-btn-info\">\r\n          <p class=\"dl-btn-label\">Bodegas Disponibles<\/p>\r\n          <p class=\"dl-btn-meta\">PDF &middot; Ficha t\u00e9cnica 2026<\/p>\r\n        <\/div>\r\n        <div class=\"dl-btn-arrow\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"3\"\/>\r\n            <polyline points=\"9 14 12 17 15 14\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"dl-btn\"\r\n        href=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Ficha-Almacenes-Disponibles-2026.pdf\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\">\r\n        <div class=\"dl-btn-ico\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/>\r\n            <polyline points=\"14 2 14 8 20 8\"\/>\r\n            <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/>\r\n            <polyline points=\"9 15 12 18 15 15\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"dl-btn-info\">\r\n          <p class=\"dl-btn-label\">Almacenes Disponibles<\/p>\r\n          <p class=\"dl-btn-meta\">PDF &middot; Ficha t\u00e9cnica 2026<\/p>\r\n        <\/div>\r\n        <div class=\"dl-btn-arrow\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"3\"\/>\r\n            <polyline points=\"9 14 12 17 15 14\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90d2fd3 e-con-full e-flex e-con e-parent\" data-id=\"90d2fd3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e26d307 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e26d307\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#hvs-gal * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#hvs-gal {\r\n  font-family: 'Arial', sans-serif;\r\n  background: #ffffff;\r\n  padding: 50px 5% 60px;\r\n  width: 100%;\r\n}\r\n\r\n#hvs-gal .gal-header { text-align: center; margin-bottom: 48px; }\r\n#hvs-gal .gal-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  font-size: 10px; font-weight: 600; letter-spacing: 4px;\r\n  text-transform: uppercase; color: #888; margin-bottom: 14px;\r\n  justify-content: center; width: 100%;\r\n}\r\n#hvs-gal .gal-eyebrow::before,\r\n#hvs-gal .gal-eyebrow::after {\r\n  content: ''; display: block; width: 32px; height: 1px; background: #ccc;\r\n}\r\n#hvs-gal .gal-title {\r\n  font-size: clamp(28px,4vw,42px); font-weight: 800; color: #111;\r\n  line-height: 1.15; letter-spacing: -0.5px; margin-bottom: 12px;\r\n}\r\n#hvs-gal .gal-title em { font-style: normal; color: #888; font-weight: 300; }\r\n#hvs-gal .gal-sub {\r\n  font-size: 15px; color: #666; line-height: 1.65;\r\n  max-width: 520px; margin: 0 auto;\r\n}\r\n\r\n\/* STAGE *\/\r\n#hvs-gal .gal-stage {\r\n  position: relative;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 1px solid #e8e8e8;\r\n  background: #111;\r\n  box-shadow: 0 2px 40px rgba(0,0,0,.1);\r\n}\r\n\r\n\/* TRACK *\/\r\n#hvs-gal .gal-track {\r\n  display: flex;\r\n  transition: transform .55s cubic-bezier(.77,0,.175,1);\r\n  will-change: transform;\r\n}\r\n#hvs-gal .gal-slide {\r\n  min-width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#hvs-gal .gal-slide-img {\r\n  width: 100%;\r\n  aspect-ratio: 16\/9;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform .7s cubic-bezier(.4,0,.2,1);\r\n}\r\n#hvs-gal .gal-slide.active .gal-slide-img { transform: scale(1.04); }\r\n#hvs-gal .gal-slide::after {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 40%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* CAPTION *\/\r\n#hvs-gal .gal-caption {\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  padding: 28px 36px; z-index: 2;\r\n  transform: translateY(8px); opacity: 0;\r\n  transition: opacity .4s .1s, transform .4s .1s;\r\n}\r\n#hvs-gal .gal-slide.active .gal-caption { opacity: 1; transform: translateY(0); }\r\n#hvs-gal .gal-cap-tag {\r\n  font-size: 10px; font-weight: 700; letter-spacing: 3px;\r\n  text-transform: uppercase; color: rgba(255,255,255,.6); margin-bottom: 6px;\r\n}\r\n#hvs-gal .gal-cap-title {\r\n  font-size: clamp(16px,2.2vw,22px); font-weight: 800;\r\n  color: #fff; letter-spacing: -0.3px; line-height: 1.2;\r\n}\r\n\r\n\/* FLECHAS *\/\r\n#hvs-gal .gal-arrow {\r\n  position: absolute; top: 50%; transform: translateY(-50%);\r\n  z-index: 5; width: 48px; height: 48px; border-radius: 50%;\r\n  background: rgba(255,255,255,.12);\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  display: flex; align-items: center; justify-content: center;\r\n  cursor: pointer;\r\n  transition: background .3s, transform .3s, border-color .3s;\r\n}\r\n#hvs-gal .gal-arrow:hover {\r\n  background: rgba(255,255,255,.28);\r\n  border-color: rgba(255,255,255,.45);\r\n  transform: translateY(-50%) scale(1.08);\r\n}\r\n#hvs-gal .gal-arrow:active { transform: translateY(-50%) scale(.96); }\r\n#hvs-gal .gal-arrow svg {\r\n  width: 20px; height: 20px; stroke: #fff; fill: none;\r\n  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n#hvs-gal .gal-prev { left: 18px; }\r\n#hvs-gal .gal-next { right: 18px; }\r\n\r\n\/* BARRAS PROGRESO *\/\r\n#hvs-gal .gal-bar-wrap {\r\n  position: absolute; top: 0; left: 0; right: 0; z-index: 5;\r\n  padding: 14px 18px; display: flex; gap: 6px;\r\n}\r\n#hvs-gal .gal-bar {\r\n  flex: 1; height: 2px; border-radius: 100px;\r\n  background: rgba(255,255,255,.2); overflow: hidden; cursor: pointer;\r\n}\r\n#hvs-gal .gal-bar-fill {\r\n  height: 100%; width: 0%; background: #fff;\r\n  border-radius: 100px; transition: none;\r\n}\r\n#hvs-gal .gal-bar.done .gal-bar-fill { width: 100%; transition: none; }\r\n#hvs-gal .gal-bar.active .gal-bar-fill { transition: width 5s linear; width: 100%; }\r\n\r\n\/* CONTADOR *\/\r\n#hvs-gal .gal-count {\r\n  position: absolute; top: 18px; right: 18px; z-index: 6;\r\n  background: rgba(0,0,0,.45);\r\n  border: 1px solid rgba(255,255,255,.15);\r\n  border-radius: 100px; padding: 4px 12px;\r\n  font-size: 11px; font-weight: 700; color: #fff; letter-spacing: 1px;\r\n}\r\n\r\n\/* THUMBS \u2014 scroll interno, nunca afecta la p\u00e1gina *\/\r\n#hvs-gal .gal-thumbs {\r\n  max-width: 1100px;\r\n  margin: 14px auto 0;\r\n  display: flex;\r\n  gap: 8px;\r\n  justify-content: center;\r\n  flex-wrap: nowrap;\r\n  overflow-x: auto;          \/* scroll solo dentro del contenedor *\/\r\n  overflow-y: visible;\r\n  padding-bottom: 4px;\r\n  scrollbar-width: none;\r\n  -webkit-overflow-scrolling: auto; \/* sin momentum que afecte la p\u00e1gina *\/\r\n  overscroll-behavior-x: contain;  \/* \u2190 clave: contiene el scroll *\/\r\n}\r\n#hvs-gal .gal-thumbs::-webkit-scrollbar { display: none; }\r\n\r\n#hvs-gal .gal-thumb {\r\n  flex-shrink: 0;\r\n  width: 72px; height: 48px;\r\n  border-radius: 8px; overflow: hidden;\r\n  cursor: pointer;\r\n  border: 2px solid transparent;\r\n  transition: border-color .3s, transform .3s, opacity .3s;\r\n  opacity: .55;\r\n}\r\n#hvs-gal .gal-thumb:hover { opacity: .85; transform: translateY(-2px); }\r\n#hvs-gal .gal-thumb.active { border-color: #111; opacity: 1; transform: translateY(-2px); }\r\n#hvs-gal .gal-thumb img {\r\n  width: 100%; height: 100%; object-fit: cover; display: block;\r\n  transition: transform .4s;\r\n}\r\n#hvs-gal .gal-thumb:hover img { transform: scale(1.08); }\r\n\r\n@media (max-width: 680px) {\r\n  #hvs-gal { padding: 40px 4% 48px; }\r\n  #hvs-gal .gal-arrow { width: 38px; height: 38px; }\r\n  #hvs-gal .gal-arrow svg { width: 16px; height: 16px; }\r\n  #hvs-gal .gal-prev { left: 10px; }\r\n  #hvs-gal .gal-next { right: 10px; }\r\n  #hvs-gal .gal-caption { padding: 20px; }\r\n  #hvs-gal .gal-thumb { width: 54px; height: 36px; }\r\n  #hvs-gal .gal-thumbs { gap: 6px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"hvs-gal\">\r\n\r\n  <div class=\"gal-header\">\r\n    <div class=\"gal-eyebrow\">Espacio HVS \u00b7 Casablanca<\/div>\r\n    <h2 class=\"gal-title\">Nuestras <em>Instalaciones<\/em><\/h2>\r\n    <p class=\"gal-sub\">Infraestructura industrial de primer nivel en el eje Santiago\u2013Valpara\u00edso.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"gal-stage\" id=\"galStage\">\r\n    <div class=\"gal-bar-wrap\" id=\"galBars\"><\/div>\r\n    <div class=\"gal-count\" id=\"galCount\">1 \/ 9<\/div>\r\n    <div class=\"gal-track\" id=\"galTrack\"><\/div>\r\n    <button class=\"gal-arrow gal-prev\" id=\"galPrev\" aria-label=\"Anterior\">\r\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n    <\/button>\r\n    <button class=\"gal-arrow gal-next\" id=\"galNext\" aria-label=\"Siguiente\">\r\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"gal-thumbs\" id=\"galThumbs\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var PHOTOS = [\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Mesa-de-trabajo-5HVS.webp',  tag:'Bodega',        title:'Infraestructura de vanguardia' },\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Mesa-de-trabajo-6HVS.webp',  tag:'Bodega',        title:'Estructura met\u00e1lica de alto est\u00e1ndar' },\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Mesa-de-trabajo-8HVS.webp',  tag:'Instalaciones', title:'Pisos de hormig\u00f3n de alta resistencia' },\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Mesa-de-trabajo-9HVS.webp',  tag:'Instalaciones', title:'Acceso directo a zona de carga' },\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Mesa-de-trabajo-10HVS.webp', tag:'Espacio',       title:'60 Estacionamientos' },\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Mesa-de-trabajo-13HVS.webp', tag:'Seguridad',     title:'Sistema de c\u00e1maras de alta resoluci\u00f3n' },\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Mesa-de-trabajo-3HVS.webp',  tag:'Bodega',        title:'Segundo piso incluido en selecci\u00f3n' },\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/termina_las_paredes_202603191437-scaled.webp', tag:'Construcci\u00f3n', title:'Acabados de primer nivel' },\r\n    { src:'https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/Puedes_armar_un_202604041540-scaled.webp', tag:'Acceso', title:'Espacio para mercados' }\r\n  ];\r\n\r\n  var cur    = 0;\r\n  var timer  = null;\r\n  var DELAY  = 5000;\r\n  var paused = false;\r\n  var bars   = [];\r\n  var thumbs = [];\r\n\r\n  var track    = document.getElementById('galTrack');\r\n  var barsWrap = document.getElementById('galBars');\r\n  var countEl  = document.getElementById('galCount');\r\n  var thumbsEl = document.getElementById('galThumbs');\r\n  var stage    = document.getElementById('galStage');\r\n\r\n  PHOTOS.forEach(function(p, i){\r\n\r\n    \/* SLIDE *\/\r\n    var slide = document.createElement('div');\r\n    slide.className = 'gal-slide' + (i === 0 ? ' active' : '');\r\n    slide.innerHTML =\r\n      '<img decoding=\"async\" class=\"gal-slide-img\" src=\"' + p.src + '\" alt=\"' + p.title + '\" loading=\"' + (i < 2 ? 'eager' : 'lazy') + '\">'\r\n      + '<div class=\"gal-caption\">'\r\n      + '<div class=\"gal-cap-tag\">' + p.tag + '<\/div>'\r\n      + '<div class=\"gal-cap-title\">' + p.title + '<\/div>'\r\n      + '<\/div>';\r\n    track.appendChild(slide);\r\n\r\n    \/* BARRA *\/\r\n    var bar = document.createElement('div');\r\n    bar.className = 'gal-bar' + (i === 0 ? ' active' : '');\r\n    bar.innerHTML = '<div class=\"gal-bar-fill\"><\/div>';\r\n    bar.addEventListener('click', function(){ goTo(i); });\r\n    barsWrap.appendChild(bar);\r\n    bars.push(bar);\r\n\r\n    \/* MINIATURA *\/\r\n    var th = document.createElement('div');\r\n    th.className = 'gal-thumb' + (i === 0 ? ' active' : '');\r\n    th.innerHTML = '<img decoding=\"async\" src=\"' + p.src + '\" alt=\"' + p.title + '\" loading=\"lazy\">';\r\n    th.addEventListener('click', function(){ goTo(i); });\r\n    thumbsEl.appendChild(th);\r\n    thumbs.push(th);\r\n  });\r\n\r\n  function scrollThumbIntoView(i){\r\n    \/* Scroll solo del contenedor de thumbs,\r\n       sin mover la p\u00e1gina \u2014 no usa scrollIntoView *\/\r\n    var container = thumbsEl;\r\n    var thumb = thumbs[i];\r\n    var cLeft  = container.scrollLeft;\r\n    var cWidth = container.offsetWidth;\r\n    var tLeft  = thumb.offsetLeft;\r\n    var tWidth = thumb.offsetWidth;\r\n\r\n    if(tLeft < cLeft){\r\n      container.scrollLeft = tLeft - 8;\r\n    } else if(tLeft + tWidth > cLeft + cWidth){\r\n      container.scrollLeft = tLeft + tWidth - cWidth + 8;\r\n    }\r\n  }\r\n\r\n  function updateUI(){\r\n    var slides = track.querySelectorAll('.gal-slide');\r\n    slides.forEach(function(s, i){ s.classList.toggle('active', i === cur); });\r\n    bars.forEach(function(b, i){\r\n      b.classList.remove('active','done');\r\n      if(i < cur)  b.classList.add('done');\r\n      if(i === cur) b.classList.add('active');\r\n    });\r\n    thumbs.forEach(function(t, i){ t.classList.toggle('active', i === cur); });\r\n    scrollThumbIntoView(cur);   \/* \u2190 scroll interno, no afecta la p\u00e1gina *\/\r\n    countEl.textContent = (cur + 1) + ' \/ ' + PHOTOS.length;\r\n    track.style.transform = 'translateX(-' + (cur * 100) + '%)';\r\n  }\r\n\r\n  function goTo(n){\r\n    cur = ((n % PHOTOS.length) + PHOTOS.length) % PHOTOS.length;\r\n    updateUI();\r\n    resetTimer();\r\n  }\r\n\r\n  function next(){ goTo(cur + 1); }\r\n  function prev(){ goTo(cur - 1); }\r\n\r\n  function resetTimer(){\r\n    clearTimeout(timer);\r\n    if(!paused) timer = setTimeout(next, DELAY);\r\n  }\r\n\r\n  document.getElementById('galNext').addEventListener('click', next);\r\n  document.getElementById('galPrev').addEventListener('click', prev);\r\n\r\n  stage.addEventListener('mouseenter', function(){ paused = true;  clearTimeout(timer); });\r\n  stage.addEventListener('mouseleave', function(){ paused = false; resetTimer(); });\r\n\r\n  \/* Swipe t\u00e1ctil *\/\r\n  var touchX = null;\r\n  stage.addEventListener('touchstart', function(e){ touchX = e.touches[0].clientX; }, { passive: true });\r\n  stage.addEventListener('touchend',   function(e){\r\n    if(touchX === null) return;\r\n    var dx = e.changedTouches[0].clientX - touchX;\r\n    if(Math.abs(dx) > 40){ dx < 0 ? next() : prev(); }\r\n    touchX = null;\r\n  });\r\n\r\n  \/* Teclado *\/\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'ArrowRight') next();\r\n    if(e.key === 'ArrowLeft')  prev();\r\n  });\r\n\r\n  updateUI();\r\n  resetTimer();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e5c1b3 e-con-full e-flex e-con e-parent\" data-id=\"2e5c1b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ece41f elementor-widget elementor-widget-html\" data-id=\"3ece41f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#hvs-ub * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#hvs-ub {\r\n  width: 100%;\r\n  padding: 40px 5% 40px;\r\n  font-family: 'Arial', sans-serif;\r\n  background: #ffffff;\r\n}\r\n\r\n#hvs-ub .ub-header {\r\n  text-align: center;\r\n  margin-bottom: 52px;\r\n}\r\n#hvs-ub .ub-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  color: #888888;\r\n  margin-bottom: 14px;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n#hvs-ub .ub-eyebrow::before,\r\n#hvs-ub .ub-eyebrow::after {\r\n  content: '';\r\n  display: block;\r\n  width: 32px;\r\n  height: 1px;\r\n  background: #cccccc;\r\n}\r\n#hvs-ub .ub-title {\r\n  font-size: clamp(28px, 4vw, 42px);\r\n  font-weight: 800;\r\n  color: #111111;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 12px;\r\n}\r\n#hvs-ub .ub-title span {\r\n  color: #888888;\r\n  font-weight: 300;\r\n}\r\n#hvs-ub .ub-sub {\r\n  font-size: 15px;\r\n  color: #666666;\r\n  line-height: 1.65;\r\n  max-width: 500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#hvs-ub .ub-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 360px;\r\n  gap: 0;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 1px solid #e8e8e8;\r\n  box-shadow: 0 2px 40px rgba(0,0,0,0.07);\r\n}\r\n\r\n\/* MAPA \u2014 pointer-events solo dentro del iframe,\r\n   sin rebote al hacer scroll sobre \u00e9l *\/\r\n#hvs-ub .ub-map {\r\n  position: relative;\r\n  min-height: 480px;\r\n  overflow: hidden;\r\n}\r\n#hvs-ub .ub-map iframe {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n  pointer-events: auto;\r\n}\r\n\r\n\/* Capa bloqueadora que se retira al hacer clic \u2014\r\n   evita que el scroll de la p\u00e1gina quede atrapado *\/\r\n#hvs-ub .ub-map-block {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 5;\r\n  background: transparent;\r\n  cursor: pointer;\r\n}\r\n#hvs-ub .ub-map-block.off {\r\n  display: none;\r\n}\r\n#hvs-ub .ub-map-hint {\r\n  position: absolute;\r\n  bottom: 14px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 6;\r\n  background: rgba(0,0,0,0.55);\r\n  color: #fff;\r\n  font-size: 11px;\r\n  padding: 6px 14px;\r\n  border-radius: 20px;\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n  transition: opacity 0.3s;\r\n}\r\n#hvs-ub .ub-map-block.off + .ub-map-hint {\r\n  opacity: 0;\r\n}\r\n\r\n\/* PANEL DERECHO *\/\r\n#hvs-ub .ub-panel {\r\n  background: #ffffff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-left: 1px solid #e8e8e8;\r\n}\r\n\r\n#hvs-ub .ub-dir {\r\n  padding: 32px 28px 24px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n}\r\n#hvs-ub .ub-dir-tag {\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: #bbbbbb;\r\n  margin-bottom: 10px;\r\n}\r\n#hvs-ub .ub-dir-name {\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n  color: #111111;\r\n  line-height: 1.2;\r\n  margin-bottom: 6px;\r\n}\r\n#hvs-ub .ub-dir-addr {\r\n  font-size: 13px;\r\n  color: #777777;\r\n  line-height: 1.5;\r\n  margin-bottom: 18px;\r\n}\r\n#hvs-ub .ub-dir-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  background: #111111;\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  padding: 10px 20px;\r\n  border-radius: 8px;\r\n  transition: background 0.2s;\r\n}\r\n#hvs-ub .ub-dir-btn:hover { background: #333333; }\r\n#hvs-ub .ub-dir-btn svg {\r\n  width: 13px; height: 13px;\r\n  fill: none; stroke: #fff;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#hvs-ub .ub-times {\r\n  padding: 24px 28px;\r\n  flex: 1;\r\n}\r\n#hvs-ub .ub-times-tag {\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: #bbbbbb;\r\n  margin-bottom: 18px;\r\n}\r\n#hvs-ub .ub-time-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 14px 0;\r\n  border-bottom: 1px solid #f4f4f4;\r\n}\r\n#hvs-ub .ub-time-item:last-child { border-bottom: none; }\r\n#hvs-ub .ub-time-ico {\r\n  width: 40px; height: 40px;\r\n  border-radius: 10px;\r\n  background: #f4f4f4;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n#hvs-ub .ub-time-ico svg {\r\n  width: 18px; height: 18px;\r\n  fill: none; stroke: #444444;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n#hvs-ub .ub-time-info { flex: 1; }\r\n#hvs-ub .ub-time-place {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #111111;\r\n  margin-bottom: 2px;\r\n}\r\n#hvs-ub .ub-time-via {\r\n  font-size: 11px;\r\n  color: #aaaaaa;\r\n}\r\n#hvs-ub .ub-time-dur { text-align: right; flex-shrink: 0; }\r\n#hvs-ub .ub-time-min {\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  color: #111111;\r\n  line-height: 1;\r\n}\r\n#hvs-ub .ub-time-lbl {\r\n  font-size: 10px;\r\n  color: #aaaaaa;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n#hvs-ub .ub-ruta {\r\n  padding: 18px 28px;\r\n  background: #111111;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n#hvs-ub .ub-ruta svg {\r\n  width: 16px; height: 16px;\r\n  fill: none; stroke: #ffffff;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  flex-shrink: 0;\r\n}\r\n#hvs-ub .ub-ruta p {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.70);\r\n  line-height: 1.4;\r\n}\r\n#hvs-ub .ub-ruta strong { color: #ffffff; }\r\n\r\n@media (max-width: 860px) {\r\n  #hvs-ub .ub-grid { grid-template-columns: 1fr; }\r\n  #hvs-ub .ub-map { min-height: 300px; height: 300px; }\r\n  #hvs-ub .ub-panel { border-left: none; border-top: 1px solid #e8e8e8; }\r\n}\r\n@media (max-width: 480px) {\r\n  #hvs-ub { padding: 56px 5% 60px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"hvs-ub\">\r\n\r\n  <div class=\"ub-header\">\r\n    <div class=\"ub-eyebrow\">Espacio HVS \u00b7 F850 282<\/div>\r\n    <h2 class=\"ub-title\">Ubicaci\u00f3n <span>estrat\u00e9gica<\/span><\/h2>\r\n    <p class=\"ub-sub\">Conectado con los principales centros de consumo y puertos de la regi\u00f3n, sobre la Ruta 68.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ub-grid\">\r\n\r\n    <!-- MAPA -->\r\n    <div class=\"ub-map\">\r\n      <iframe\r\n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3334.28270129836!2d-71.40405122119736!3d-33.31142397085771!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x96626f0017b8bbb5%3A0xda632f8522358a98!2sEspacio%20HVS!5e0!3m2!1ses!2scl!4v1775349401834!5m2!1ses!2scl\"\r\n        allowfullscreen=\"\"\r\n        loading=\"lazy\"\r\n        referrerpolicy=\"no-referrer-when-downgrade\">\r\n      <\/iframe>\r\n      <!-- Bloquea el scroll accidental sobre el mapa -->\r\n      <div class=\"ub-map-block\" id=\"ub-block\"><\/div>\r\n      <div class=\"ub-map-hint\" id=\"ub-hint\">Clic para interactuar con el mapa<\/div>\r\n    <\/div>\r\n\r\n    <!-- PANEL -->\r\n    <div class=\"ub-panel\">\r\n\r\n      <div class=\"ub-dir\">\r\n        <p class=\"ub-dir-tag\">Direcci\u00f3n<\/p>\r\n        <p class=\"ub-dir-name\">Espacio HVS<\/p>\r\n        <p class=\"ub-dir-addr\">F850 282, Casablanca<br>Regi\u00f3n de Valpara\u00edso, Chile<\/p>\r\n        <a class=\"ub-dir-btn\"\r\n          href=\"https:\/\/maps.google.com\/?q=Espacio+HVS+Casablanca\"\r\n          target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/><\/svg>\r\n          C\u00f3mo llegar\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ub-times\">\r\n        <p class=\"ub-times-tag\">Tiempos de recorrido<\/p>\r\n\r\n        <div class=\"ub-time-item\">\r\n          <div class=\"ub-time-ico\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"ub-time-info\">\r\n            <p class=\"ub-time-place\">Santiago<\/p>\r\n            <p class=\"ub-time-via\">V\u00eda Ruta 68<\/p>\r\n          <\/div>\r\n          <div class=\"ub-time-dur\">\r\n            <p class=\"ub-time-min\">50\u201360<\/p>\r\n            <p class=\"ub-time-lbl\">minutos<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ub-time-item\">\r\n          <div class=\"ub-time-ico\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"ub-time-info\">\r\n            <p class=\"ub-time-place\">Valpara\u00edso \/ Puerto<\/p>\r\n            <p class=\"ub-time-via\">Zona portuaria<\/p>\r\n          <\/div>\r\n          <div class=\"ub-time-dur\">\r\n            <p class=\"ub-time-min\">40\u201345<\/p>\r\n            <p class=\"ub-time-lbl\">minutos<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ub-time-item\">\r\n          <div class=\"ub-time-ico\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"ub-time-info\">\r\n            <p class=\"ub-time-place\">Casablanca<\/p>\r\n            <p class=\"ub-time-via\">Centro urbano<\/p>\r\n          <\/div>\r\n          <div class=\"ub-time-dur\">\r\n            <p class=\"ub-time-min\">5\u201310<\/p>\r\n            <p class=\"ub-time-lbl\">minutos<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"ub-ruta\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 12h18M3 6h18M3 18h18\"\/><\/svg>\r\n        <p>Acceso directo por <strong>Ruta 68<\/strong> \u2014 conexi\u00f3n Santiago \u00b7 Valpara\u00edso<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var block = document.getElementById('ub-block');\r\n  var hint  = document.getElementById('ub-hint');\r\n  if(!block) return;\r\n\r\n  \/* Clic activa el mapa y oculta el bloqueo *\/\r\n  block.addEventListener('click', function(){\r\n    block.classList.add('off');\r\n  });\r\n\r\n  \/* Al salir del \u00e1rea del \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2857da7 e-flex e-con-boxed e-con e-parent\" data-id=\"2857da7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c00c5 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"e4c00c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n.hct *, .hct *::before, .hct *::after { box-sizing: border-box; }\n\n\/* \u2500\u2500 SECCI\u00d3N \u2500\u2500 *\/\n.hct {\n    width: 100%;\n    max-width: 1100px; \/* Correcci\u00f3n: L\u00edmite de ancho de 1100px *\/\n    margin: 0 auto;    \/* Correcci\u00f3n: Centra el formulario en la p\u00e1gina *\/\n    font-family: Arial, sans-serif;\n    background: #ffffff;\n}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.hct-head {\n    text-align: center;\n    margin-bottom: 48px;\n}\n.hct-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #888;\n    margin-bottom: 14px;\n    justify-content: center;\n    width: 100%;\n}\n.hct-eyebrow::before,\n.hct-eyebrow::after {\n    content: '';\n    display: block;\n    width: 32px;\n    height: 1px;\n    background: #cccccc;\n}\n.hct-titulo {\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 800;\n    color: #111111;\n    line-height: 1.15;\n    letter-spacing: -0.5px;\n    margin-bottom: 10px;\n    margin-top: 0;\n}\n.hct-titulo span { color: #888888; font-weight: 300; }\n.hct-sub {\n    font-size: 15px;\n    color: #666666;\n    line-height: 1.65;\n    max-width: 480px;\n    margin: 0 auto;\n}\n\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\n.hct-grid {\n    display: grid;\n    grid-template-columns: 1fr 300px;\n    width: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid #e8e8e8;\n    min-height: 480px;\n}\n\n\/* \u2500\u2500 FORMULARIO \u2500\u2500 *\/\n.hct-form {\n    padding: 44px 44px 52px;\n    background: #ffffff;\n}\n.hct-fila { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.hct-campo { margin-bottom: 20px; }\n.hct-campo label {\n    display: block;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #bbbbbb;\n    margin-bottom: 8px;\n    transition: color 0.25s;\n}\n.hct-campo.activo label { color: #111111; }\n.hct-campo input,\n.hct-campo textarea {\n    width: 100%;\n    border: 1px solid #e0e0e0;\n    border-radius: 10px;\n    padding: 13px 16px;\n    font-size: 14px;\n    color: #111111;\n    font-family: Arial, sans-serif;\n    background: #fafafa;\n    outline: none;\n    resize: none;\n    transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;\n    margin: 0;\n}\n.hct-campo input:focus,\n.hct-campo textarea:focus {\n    border-color: #111111;\n    background: #ffffff;\n    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);\n}\n.hct-campo textarea { height: 130px; }\n.hct-btn {\n    width: 100%;\n    background: #111111;\n    color: #ffffff;\n    border: none;\n    border-radius: 10px;\n    padding: 15px;\n    font-size: 14px;\n    font-weight: 700;\n    font-family: Arial, sans-serif;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    transition: background 0.2s, transform 0.15s;\n    margin-top: 4px;\n}\n.hct-btn:hover { background: #333333; }\n.hct-btn:active { transform: scale(0.98); }\n.hct-btn:disabled { background: #888888; cursor: not-allowed; }\n.hct-spin {\n    width: 16px;\n    height: 16px;\n    border: 2px solid rgba(255,255,255,0.3);\n    border-top-color: #ffffff;\n    border-radius: 50%;\n    animation: hctSpin 0.7s linear infinite;\n    display: none;\n}\n@keyframes hctSpin { to { transform: rotate(360deg); } }\n\n\/* \u2500\u2500 PANEL INFO \u2500\u2500 *\/\n.hct-panel {\n    background: #111111;\n    display: flex;\n    flex-direction: column;\n    border-left: 1px solid #111111;\n}\n.hct-datos {\n    padding: 36px 28px 28px;\n    flex: 1;\n}\n.hct-datos-tag {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.30);\n    margin-bottom: 20px;\n}\n.hct-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin-bottom: 20px;\n}\n.hct-item:last-child { margin-bottom: 0; }\n.hct-ico {\n    width: 38px;\n    height: 38px;\n    border-radius: 9px;\n    flex-shrink: 0;\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.hct-ico svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: rgba(255,255,255,0.70);\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n.hct-lbl {\n    font-size: 10px;\n    color: rgba(255,255,255,0.35);\n    margin-bottom: 3px;\n    letter-spacing: 0.5px;\n}\n.hct-val {\n    font-size: 13px;\n    font-weight: 600;\n    color: #ffffff;\n    line-height: 1.4;\n}\n.hct-val a {\n    color: #ffffff;\n    text-decoration: none;\n}\n.hct-val a:hover { text-decoration: underline; }\n\n\/* \u2500\u2500 HORARIO \u2500\u2500 *\/\n.hct-horario {\n    padding: 20px 28px 28px;\n    border-top: 1px solid rgba(255,255,255,0.07);\n}\n.hct-hor-tag {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.30);\n    margin-bottom: 14px;\n}\n.hct-hor-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n.hct-hor-row:last-child { border-bottom: none; }\n.hct-hor-dia { font-size: 12px; color: rgba(255,255,255,0.50); }\n.hct-hor-hrs { font-size: 12px; font-weight: 700; color: #ffffff; }\n.hct-abierto {\n    display: none;\n    align-items: center;\n    gap: 6px;\n    background: rgba(40,167,69,0.15);\n    border: 1px solid rgba(40,167,69,0.30);\n    border-radius: 20px;\n    padding: 4px 12px;\n    font-size: 10px;\n    font-weight: 700;\n    color: #5cdb80;\n    margin-top: 14px;\n    width: fit-content;\n}\n.hct-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #5cdb80;\n    animation: hctPulse 1.8s ease infinite;\n}\n@keyframes hctPulse { 0%,100%{opacity:1} 50%{opacity:0.3} }\n\n\/* \u2500\u2500 OVERLAY \u00c9XITO \u2500\u2500 *\/\n.hct-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    background: rgba(0,0,0,0.60);\n    align-items: center;\n    justify-content: center;\n}\n.hct-overlay.show {\n    display: flex;\n    animation: hctFadeIn 0.3s ease;\n}\n@keyframes hctFadeIn { from{opacity:0} to{opacity:1} }\n.hct-modal {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 52px 44px 40px;\n    text-align: center;\n    max-width: 400px;\n    width: 90%;\n    animation: hctPop 0.45s cubic-bezier(0.34,1.56,0.64,1);\n}\n@keyframes hctPop {\n    from { opacity:0; transform:scale(0.82) translateY(20px); }\n    to   { opacity:1; transform:scale(1)    translateY(0); }\n}\n.hct-check-ico {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    background: #f0faf4;\n    border: 2px solid #c3e6cb;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 24px;\n}\n.hct-check-ico svg {\n    width: 36px;\n    height: 36px;\n    stroke: #28a745;\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-dasharray: 50;\n    stroke-dashoffset: 50;\n    transition: stroke-dashoffset 0.7s ease 0.2s;\n}\n.hct-overlay.show .hct-check-ico svg { stroke-dashoffset: 0; }\n.hct-modal-title {\n    font-size: 22px;\n    font-weight: 800;\n    color: #111111;\n    font-family: Arial, sans-serif;\n    margin-bottom: 8px;\n}\n.hct-modal-sub {\n    font-size: 14px;\n    color: #666666;\n    line-height: 1.65;\n    font-family: Arial, sans-serif;\n    margin-bottom: 28px;\n}\n.hct-prog-wrap {\n    width: 100%;\n    background: #f0f0f0;\n    border-radius: 8px;\n    height: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n}\n.hct-prog {\n    height: 100%;\n    background: #28a745;\n    border-radius: 8px;\n    width: 100%;\n    transform-origin: left;\n    transform: scaleX(1);\n    transition: transform 5s linear;\n}\n.hct-prog-lbl {\n    font-size: 11px;\n    color: #bbbbbb;\n    font-family: Arial, sans-serif;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 820px) {\n    .hct-grid { grid-template-columns: 1fr; }\n    .hct-panel { border-left: none; border-top: 1px solid #222222; }\n}\n@media (max-width: 520px) {\n    .hct-fila { grid-template-columns: 1fr; }\n    .hct-form { padding: 32px 22px 40px; }\n    .hct-datos, .hct-horario { padding-left: 22px; padding-right: 22px; }\n}\n<\/style>\n\n<div class=\"hct-overlay\" id=\"hctOverlay\">\n    <div class=\"hct-modal\">\n        <div class=\"hct-check-ico\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <p class=\"hct-modal-title\">\u00a1Mensaje enviado!<\/p>\n        <p class=\"hct-modal-sub\">Nos comunicaremos con usted a la brevedad.<br>Gracias por contactarnos.<\/p>\n        <div class=\"hct-prog-wrap\">\n            <div class=\"hct-prog\" id=\"hctProg\"><\/div>\n        <\/div>\n        <p class=\"hct-prog-lbl\">Este mensaje se cerrar\u00e1 autom\u00e1ticamente<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"hct\">\n\n    <div class=\"hct-head\">\n        <div class=\"hct-eyebrow\">Espacio HVS &middot; Casablanca<\/div>\n        <h2 class=\"hct-titulo\">Cont\u00e1ctenos <span>hoy<\/span><\/h2>\n        <p class=\"hct-sub\">Estamos listos para ayudarle a encontrar el espacio ideal para su operaci\u00f3n log\u00edstica.<\/p>\n    <\/div>\n\n    <div class=\"hct-grid\">\n\n        <div class=\"hct-form\">\n            <form id=\"hctForm\">\n                <div class=\"hct-fila\">\n                    <div class=\"hct-campo\" id=\"hctC1\">\n                        <label>Nombre<\/label>\n                        <input type=\"text\" id=\"hct_nombre\" placeholder=\"Su nombre completo\" required>\n                    <\/div>\n                    <div class=\"hct-campo\" id=\"hctC2\">\n                        <label>Correo<\/label>\n                        <input type=\"email\" id=\"hct_correo\" placeholder=\"correo@empresa.cl\" required>\n                    <\/div>\n                <\/div>\n                <div class=\"hct-campo\" id=\"hctC3\">\n                    <label>Tel\u00e9fono<\/label>\n                    <input type=\"tel\" id=\"hct_telefono\" placeholder=\"+56 9 XXXX XXXX\">\n                <\/div>\n                <div class=\"hct-campo\" id=\"hctC4\">\n                    <label>Mensaje<\/label>\n                    <textarea id=\"hct_mensaje\" placeholder=\"\u00bfEn qu\u00e9 podemos ayudarle?\" required><\/textarea>\n                <\/div>\n                <button type=\"button\" class=\"hct-btn\" id=\"hctBtn\" onclick=\"hctEnviar()\">\n                    <span id=\"hctBtnTxt\">Enviar mensaje<\/span>\n                    <div class=\"hct-spin\" id=\"hctSpin\"><\/div>\n                <\/button>\n            <\/form>\n        <\/div>\n\n        <div class=\"hct-panel\">\n\n            <div class=\"hct-datos\">\n                <p class=\"hct-datos-tag\">Contacto directo<\/p>\n\n                <div class=\"hct-item\">\n                    <div class=\"hct-ico\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 01.06 1.21 2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <p class=\"hct-lbl\">Tel\u00e9fono \/ WhatsApp<\/p>\n                        <p class=\"hct-val\"><a href=\"tel:+56988093893\">+56 9 8809 3893<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hct-item\">\n                    <div class=\"hct-ico\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <p class=\"hct-lbl\">Correo electr\u00f3nico<\/p>\n                        <p class=\"hct-val\"><a href=\"mailto:espaciohvs@gmail.com\">espaciohvs@gmail.com<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hct-item\">\n                    <div class=\"hct-ico\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <p class=\"hct-lbl\">Direcci\u00f3n<\/p>\n                        <p class=\"hct-val\">F850 282, Casablanca<br>Regi\u00f3n de Valpara\u00edso<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"hct-horario\">\n                <p class=\"hct-hor-tag\">Horario de atenci\u00f3n<\/p>\n                <div class=\"hct-hor-row\">\n                    <span class=\"hct-hor-dia\">Lunes &mdash; Viernes<\/span>\n                    <span class=\"hct-hor-hrs\">09:00 &ndash; 17:00<\/span>\n                <\/div>\n                <div class=\"hct-hor-row\">\n                    <span class=\"hct-hor-dia\">S\u00e1bado<\/span>\n                    <span class=\"hct-hor-hrs\" style=\"color:rgba(255,255,255,0.28)\">Cerrado<\/span>\n                <\/div>\n                <div class=\"hct-hor-row\">\n                    <span class=\"hct-hor-dia\">Domingo<\/span>\n                    <span class=\"hct-hor-hrs\" style=\"color:rgba(255,255,255,0.28)\">Cerrado<\/span>\n                <\/div>\n                <div class=\"hct-abierto\" id=\"hctAbierto\">\n                    <div class=\"hct-dot\"><\/div>\n                    Abierto ahora\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function(){\n    var now = new Date(new Date().toLocaleString('en-US', {timeZone:'America\/Santiago'}));\n    var dia = now.getDay();\n    var min = now.getHours() * 60 + now.getMinutes();\n    var ab  = document.getElementById('hctAbierto');\n    if(ab) ab.style.display = (dia >= 1 && dia <= 5 && min >= 540 && min < 1020) ? 'flex' : 'none';\n\n    ['hctC1','hctC2','hctC3','hctC4'].forEach(function(id){\n        var el  = document.getElementById(id); if(!el) return;\n        var inp = el.querySelector('input, textarea'); if(!inp) return;\n        inp.addEventListener('focus', function(){ el.classList.add('activo'); });\n        inp.addEventListener('blur',  function(){ el.classList.remove('activo'); });\n    });\n})();\n\nfunction hctEnviar(){\n    var btn      = document.getElementById('hctBtn');\n    var txt      = document.getElementById('hctBtnTxt');\n    var spin     = document.getElementById('hctSpin');\n    var nombre   = document.getElementById('hct_nombre').value.trim();\n    var correo   = document.getElementById('hct_correo').value.trim();\n    var telefono = document.getElementById('hct_telefono').value.trim();\n    var mensaje  = document.getElementById('hct_mensaje').value.trim();\n\n    if(!nombre || !correo || !mensaje){\n        alert('Por favor complete nombre, correo y mensaje.');\n        return;\n    }\n\n    btn.disabled = true;\n    txt.textContent = 'Enviando...';\n    spin.style.display = 'block';\n\n    var fd = new FormData();\n    fd.append('action',         'hvs_ct_enviar');\n    fd.append('hvs_nonce_2025', 'ba29c0fd5c');\n    fd.append('hct_nombre',     nombre);\n    fd.append('hct_correo',     correo);\n    fd.append('hct_telefono',   telefono);\n    fd.append('hct_mensaje',    mensaje);\n\n    fetch('https:\/\/espaciohvs.cl\/wp-admin\/admin-ajax.php', {method:'POST', body:fd})\n    .then(function(r){ return r.json(); })\n    .then(function(res){\n        btn.disabled = false;\n        txt.textContent = 'Enviar mensaje';\n        spin.style.display = 'none';\n\n        if(res.success){\n            document.getElementById('hctForm').reset();\n            var ov   = document.getElementById('hctOverlay');\n            var prog = document.getElementById('hctProg');\n            ov.classList.add('show');\n            setTimeout(function(){ prog.style.transform = 'scaleX(0)'; }, 200);\n            setTimeout(function(){\n                ov.classList.remove('show');\n                prog.style.transition = 'none';\n                prog.style.transform  = 'scaleX(1)';\n            }, 5300);\n        } else {\n            alert('Error al enviar. Por favor intente nuevamente.');\n        }\n    })\n    .catch(function(){\n        btn.disabled = false;\n        txt.textContent = 'Enviar mensaje';\n        spin.style.display = 'none';\n        alert('Error de conexi\u00f3n. Por favor intente nuevamente.');\n    });\n}\n<\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39f020f e-con-full e-flex e-con e-child\" data-id=\"39f020f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70e1886 elementor-widget elementor-widget-shortcode\" data-id=\"70e1886\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n.hct *, .hct *::before, .hct *::after { box-sizing: border-box; }\n\n\/* \u2500\u2500 SECCI\u00d3N \u2500\u2500 *\/\n.hct {\n    width: 100%;\n    max-width: 1100px; \/* Correcci\u00f3n: L\u00edmite de ancho de 1100px *\/\n    margin: 0 auto;    \/* Correcci\u00f3n: Centra el formulario en la p\u00e1gina *\/\n    font-family: Arial, sans-serif;\n    background: #ffffff;\n}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.hct-head {\n    text-align: center;\n    margin-bottom: 48px;\n}\n.hct-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #888;\n    margin-bottom: 14px;\n    justify-content: center;\n    width: 100%;\n}\n.hct-eyebrow::before,\n.hct-eyebrow::after {\n    content: '';\n    display: block;\n    width: 32px;\n    height: 1px;\n    background: #cccccc;\n}\n.hct-titulo {\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 800;\n    color: #111111;\n    line-height: 1.15;\n    letter-spacing: -0.5px;\n    margin-bottom: 10px;\n    margin-top: 0;\n}\n.hct-titulo span { color: #888888; font-weight: 300; }\n.hct-sub {\n    font-size: 15px;\n    color: #666666;\n    line-height: 1.65;\n    max-width: 480px;\n    margin: 0 auto;\n}\n\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\n.hct-grid {\n    display: grid;\n    grid-template-columns: 1fr 300px;\n    width: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid #e8e8e8;\n    min-height: 480px;\n}\n\n\/* \u2500\u2500 FORMULARIO \u2500\u2500 *\/\n.hct-form {\n    padding: 44px 44px 52px;\n    background: #ffffff;\n}\n.hct-fila { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.hct-campo { margin-bottom: 20px; }\n.hct-campo label {\n    display: block;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #bbbbbb;\n    margin-bottom: 8px;\n    transition: color 0.25s;\n}\n.hct-campo.activo label { color: #111111; }\n.hct-campo input,\n.hct-campo textarea {\n    width: 100%;\n    border: 1px solid #e0e0e0;\n    border-radius: 10px;\n    padding: 13px 16px;\n    font-size: 14px;\n    color: #111111;\n    font-family: Arial, sans-serif;\n    background: #fafafa;\n    outline: none;\n    resize: none;\n    transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;\n    margin: 0;\n}\n.hct-campo input:focus,\n.hct-campo textarea:focus {\n    border-color: #111111;\n    background: #ffffff;\n    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);\n}\n.hct-campo textarea { height: 130px; }\n.hct-btn {\n    width: 100%;\n    background: #111111;\n    color: #ffffff;\n    border: none;\n    border-radius: 10px;\n    padding: 15px;\n    font-size: 14px;\n    font-weight: 700;\n    font-family: Arial, sans-serif;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    transition: background 0.2s, transform 0.15s;\n    margin-top: 4px;\n}\n.hct-btn:hover { background: #333333; }\n.hct-btn:active { transform: scale(0.98); }\n.hct-btn:disabled { background: #888888; cursor: not-allowed; }\n.hct-spin {\n    width: 16px;\n    height: 16px;\n    border: 2px solid rgba(255,255,255,0.3);\n    border-top-color: #ffffff;\n    border-radius: 50%;\n    animation: hctSpin 0.7s linear infinite;\n    display: none;\n}\n@keyframes hctSpin { to { transform: rotate(360deg); } }\n\n\/* \u2500\u2500 PANEL INFO \u2500\u2500 *\/\n.hct-panel {\n    background: #111111;\n    display: flex;\n    flex-direction: column;\n    border-left: 1px solid #111111;\n}\n.hct-datos {\n    padding: 36px 28px 28px;\n    flex: 1;\n}\n.hct-datos-tag {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.30);\n    margin-bottom: 20px;\n}\n.hct-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin-bottom: 20px;\n}\n.hct-item:last-child { margin-bottom: 0; }\n.hct-ico {\n    width: 38px;\n    height: 38px;\n    border-radius: 9px;\n    flex-shrink: 0;\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.hct-ico svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: rgba(255,255,255,0.70);\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n.hct-lbl {\n    font-size: 10px;\n    color: rgba(255,255,255,0.35);\n    margin-bottom: 3px;\n    letter-spacing: 0.5px;\n}\n.hct-val {\n    font-size: 13px;\n    font-weight: 600;\n    color: #ffffff;\n    line-height: 1.4;\n}\n.hct-val a {\n    color: #ffffff;\n    text-decoration: none;\n}\n.hct-val a:hover { text-decoration: underline; }\n\n\/* \u2500\u2500 HORARIO \u2500\u2500 *\/\n.hct-horario {\n    padding: 20px 28px 28px;\n    border-top: 1px solid rgba(255,255,255,0.07);\n}\n.hct-hor-tag {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.30);\n    margin-bottom: 14px;\n}\n.hct-hor-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n.hct-hor-row:last-child { border-bottom: none; }\n.hct-hor-dia { font-size: 12px; color: rgba(255,255,255,0.50); }\n.hct-hor-hrs { font-size: 12px; font-weight: 700; color: #ffffff; }\n.hct-abierto {\n    display: none;\n    align-items: center;\n    gap: 6px;\n    background: rgba(40,167,69,0.15);\n    border: 1px solid rgba(40,167,69,0.30);\n    border-radius: 20px;\n    padding: 4px 12px;\n    font-size: 10px;\n    font-weight: 700;\n    color: #5cdb80;\n    margin-top: 14px;\n    width: fit-content;\n}\n.hct-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #5cdb80;\n    animation: hctPulse 1.8s ease infinite;\n}\n@keyframes hctPulse { 0%,100%{opacity:1} 50%{opacity:0.3} }\n\n\/* \u2500\u2500 OVERLAY \u00c9XITO \u2500\u2500 *\/\n.hct-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    background: rgba(0,0,0,0.60);\n    align-items: center;\n    justify-content: center;\n}\n.hct-overlay.show {\n    display: flex;\n    animation: hctFadeIn 0.3s ease;\n}\n@keyframes hctFadeIn { from{opacity:0} to{opacity:1} }\n.hct-modal {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 52px 44px 40px;\n    text-align: center;\n    max-width: 400px;\n    width: 90%;\n    animation: hctPop 0.45s cubic-bezier(0.34,1.56,0.64,1);\n}\n@keyframes hctPop {\n    from { opacity:0; transform:scale(0.82) translateY(20px); }\n    to   { opacity:1; transform:scale(1)    translateY(0); }\n}\n.hct-check-ico {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    background: #f0faf4;\n    border: 2px solid #c3e6cb;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 24px;\n}\n.hct-check-ico svg {\n    width: 36px;\n    height: 36px;\n    stroke: #28a745;\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-dasharray: 50;\n    stroke-dashoffset: 50;\n    transition: stroke-dashoffset 0.7s ease 0.2s;\n}\n.hct-overlay.show .hct-check-ico svg { stroke-dashoffset: 0; }\n.hct-modal-title {\n    font-size: 22px;\n    font-weight: 800;\n    color: #111111;\n    font-family: Arial, sans-serif;\n    margin-bottom: 8px;\n}\n.hct-modal-sub {\n    font-size: 14px;\n    color: #666666;\n    line-height: 1.65;\n    font-family: Arial, sans-serif;\n    margin-bottom: 28px;\n}\n.hct-prog-wrap {\n    width: 100%;\n    background: #f0f0f0;\n    border-radius: 8px;\n    height: 4px;\n    overflow: hidden;\n    margin-bottom: 10px;\n}\n.hct-prog {\n    height: 100%;\n    background: #28a745;\n    border-radius: 8px;\n    width: 100%;\n    transform-origin: left;\n    transform: scaleX(1);\n    transition: transform 5s linear;\n}\n.hct-prog-lbl {\n    font-size: 11px;\n    color: #bbbbbb;\n    font-family: Arial, sans-serif;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 820px) {\n    .hct-grid { grid-template-columns: 1fr; }\n    .hct-panel { border-left: none; border-top: 1px solid #222222; }\n}\n@media (max-width: 520px) {\n    .hct-fila { grid-template-columns: 1fr; }\n    .hct-form { padding: 32px 22px 40px; }\n    .hct-datos, .hct-horario { padding-left: 22px; padding-right: 22px; }\n}\n<\/style>\n\n<div class=\"hct-overlay\" id=\"hctOverlay\">\n    <div class=\"hct-modal\">\n        <div class=\"hct-check-ico\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <p class=\"hct-modal-title\">\u00a1Mensaje enviado!<\/p>\n        <p class=\"hct-modal-sub\">Nos comunicaremos con usted a la brevedad.<br>Gracias por contactarnos.<\/p>\n        <div class=\"hct-prog-wrap\">\n            <div class=\"hct-prog\" id=\"hctProg\"><\/div>\n        <\/div>\n        <p class=\"hct-prog-lbl\">Este mensaje se cerrar\u00e1 autom\u00e1ticamente<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"hct\">\n\n    <div class=\"hct-head\">\n        <div class=\"hct-eyebrow\">Espacio HVS &middot; Casablanca<\/div>\n        <h2 class=\"hct-titulo\">Cont\u00e1ctenos <span>hoy<\/span><\/h2>\n        <p class=\"hct-sub\">Estamos listos para ayudarle a encontrar el espacio ideal para su operaci\u00f3n log\u00edstica.<\/p>\n    <\/div>\n\n    <div class=\"hct-grid\">\n\n        <div class=\"hct-form\">\n            <form id=\"hctForm\">\n                <div class=\"hct-fila\">\n                    <div class=\"hct-campo\" id=\"hctC1\">\n                        <label>Nombre<\/label>\n                        <input type=\"text\" id=\"hct_nombre\" placeholder=\"Su nombre completo\" required>\n                    <\/div>\n                    <div class=\"hct-campo\" id=\"hctC2\">\n                        <label>Correo<\/label>\n                        <input type=\"email\" id=\"hct_correo\" placeholder=\"correo@empresa.cl\" required>\n                    <\/div>\n                <\/div>\n                <div class=\"hct-campo\" id=\"hctC3\">\n                    <label>Tel\u00e9fono<\/label>\n                    <input type=\"tel\" id=\"hct_telefono\" placeholder=\"+56 9 XXXX XXXX\">\n                <\/div>\n                <div class=\"hct-campo\" id=\"hctC4\">\n                    <label>Mensaje<\/label>\n                    <textarea id=\"hct_mensaje\" placeholder=\"\u00bfEn qu\u00e9 podemos ayudarle?\" required><\/textarea>\n                <\/div>\n                <button type=\"button\" class=\"hct-btn\" id=\"hctBtn\" onclick=\"hctEnviar()\">\n                    <span id=\"hctBtnTxt\">Enviar mensaje<\/span>\n                    <div class=\"hct-spin\" id=\"hctSpin\"><\/div>\n                <\/button>\n            <\/form>\n        <\/div>\n\n        <div class=\"hct-panel\">\n\n            <div class=\"hct-datos\">\n                <p class=\"hct-datos-tag\">Contacto directo<\/p>\n\n                <div class=\"hct-item\">\n                    <div class=\"hct-ico\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 01.06 1.21 2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <p class=\"hct-lbl\">Tel\u00e9fono \/ WhatsApp<\/p>\n                        <p class=\"hct-val\"><a href=\"tel:+56988093893\">+56 9 8809 3893<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hct-item\">\n                    <div class=\"hct-ico\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <p class=\"hct-lbl\">Correo electr\u00f3nico<\/p>\n                        <p class=\"hct-val\"><a href=\"mailto:espaciohvs@gmail.com\">espaciohvs@gmail.com<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hct-item\">\n                    <div class=\"hct-ico\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <p class=\"hct-lbl\">Direcci\u00f3n<\/p>\n                        <p class=\"hct-val\">F850 282, Casablanca<br>Regi\u00f3n de Valpara\u00edso<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"hct-horario\">\n                <p class=\"hct-hor-tag\">Horario de atenci\u00f3n<\/p>\n                <div class=\"hct-hor-row\">\n                    <span class=\"hct-hor-dia\">Lunes &mdash; Viernes<\/span>\n                    <span class=\"hct-hor-hrs\">09:00 &ndash; 17:00<\/span>\n                <\/div>\n                <div class=\"hct-hor-row\">\n                    <span class=\"hct-hor-dia\">S\u00e1bado<\/span>\n                    <span class=\"hct-hor-hrs\" style=\"color:rgba(255,255,255,0.28)\">Cerrado<\/span>\n                <\/div>\n                <div class=\"hct-hor-row\">\n                    <span class=\"hct-hor-dia\">Domingo<\/span>\n                    <span class=\"hct-hor-hrs\" style=\"color:rgba(255,255,255,0.28)\">Cerrado<\/span>\n                <\/div>\n                <div class=\"hct-abierto\" id=\"hctAbierto\">\n                    <div class=\"hct-dot\"><\/div>\n                    Abierto ahora\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function(){\n    var now = new Date(new Date().toLocaleString('en-US', {timeZone:'America\/Santiago'}));\n    var dia = now.getDay();\n    var min = now.getHours() * 60 + now.getMinutes();\n    var ab  = document.getElementById('hctAbierto');\n    if(ab) ab.style.display = (dia >= 1 && dia <= 5 && min >= 540 && min < 1020) ? 'flex' : 'none';\n\n    ['hctC1','hctC2','hctC3','hctC4'].forEach(function(id){\n        var el  = document.getElementById(id); if(!el) return;\n        var inp = el.querySelector('input, textarea'); if(!inp) return;\n        inp.addEventListener('focus', function(){ el.classList.add('activo'); });\n        inp.addEventListener('blur',  function(){ el.classList.remove('activo'); });\n    });\n})();\n\nfunction hctEnviar(){\n    var btn      = document.getElementById('hctBtn');\n    var txt      = document.getElementById('hctBtnTxt');\n    var spin     = document.getElementById('hctSpin');\n    var nombre   = document.getElementById('hct_nombre').value.trim();\n    var correo   = document.getElementById('hct_correo').value.trim();\n    var telefono = document.getElementById('hct_telefono').value.trim();\n    var mensaje  = document.getElementById('hct_mensaje').value.trim();\n\n    if(!nombre || !correo || !mensaje){\n        alert('Por favor complete nombre, correo y mensaje.');\n        return;\n    }\n\n    btn.disabled = true;\n    txt.textContent = 'Enviando...';\n    spin.style.display = 'block';\n\n    var fd = new FormData();\n    fd.append('action',         'hvs_ct_enviar');\n    fd.append('hvs_nonce_2025', 'ba29c0fd5c');\n    fd.append('hct_nombre',     nombre);\n    fd.append('hct_correo',     correo);\n    fd.append('hct_telefono',   telefono);\n    fd.append('hct_mensaje',    mensaje);\n\n    fetch('https:\/\/espaciohvs.cl\/wp-admin\/admin-ajax.php', {method:'POST', body:fd})\n    .then(function(r){ return r.json(); })\n    .then(function(res){\n        btn.disabled = false;\n        txt.textContent = 'Enviar mensaje';\n        spin.style.display = 'none';\n\n        if(res.success){\n            document.getElementById('hctForm').reset();\n            var ov   = document.getElementById('hctOverlay');\n            var prog = document.getElementById('hctProg');\n            ov.classList.add('show');\n            setTimeout(function(){ prog.style.transform = 'scaleX(0)'; }, 200);\n            setTimeout(function(){\n                ov.classList.remove('show');\n                prog.style.transition = 'none';\n                prog.style.transform  = 'scaleX(1)';\n            }, 5300);\n        } else {\n            alert('Error al enviar. Por favor intente nuevamente.');\n        }\n    })\n    .catch(function(){\n        btn.disabled = false;\n        txt.textContent = 'Enviar mensaje';\n        spin.style.display = 'none';\n        alert('Error de conexi\u00f3n. Por favor intente nuevamente.');\n    });\n}\n<\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5223e8b e-flex e-con-boxed e-con e-parent\" data-id=\"5223e8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fdc189 elementor-widget elementor-widget-html\" data-id=\"2fdc189\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#hvs-faq *, #hvs-faq *::before, #hvs-faq *::after { box-sizing: border-box; }\r\n\/* Aqu\u00ed est\u00e1 la correcci\u00f3n: max-width a 800px y margin: 0 auto para centrar *\/\r\n#hvs-faq { display: block; width: 100%; max-width: 1100px; margin: 0 auto; padding: 48px 0; }\r\n#hvs-faq .faq-header { text-align: center; margin-bottom: 44px; }\r\n#hvs-faq .faq-eyebrow { display: block; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: #888; margin-bottom: 12px; }\r\n#hvs-faq .faq-title { font-size: clamp(26px, 4vw, 40px); font-weight: 800; color: #111; line-height: 1.2; margin-bottom: 10px; margin-top: 0; }\r\n#hvs-faq .faq-title span { color: #888; font-weight: 300; }\r\n#hvs-faq .faq-sub { font-size: 15px; color: #666; line-height: 1.65; max-width: 500px; margin: 0 auto; }\r\n#hvs-faq .faq-list { width: 100%; }\r\n#hvs-faq .faq-item { border-bottom: 1px solid #e8e8e8; }\r\n#hvs-faq .faq-item:first-child { border-top: 1px solid #e8e8e8; }\r\n#hvs-faq .faq-btn { width: 100%; background: none; border: none; border-radius: 0; padding: 20px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; text-align: left; box-shadow: none; outline: none; }\r\n#hvs-faq .faq-num { font-size: 11px; font-weight: 700; color: #ccc; letter-spacing: 1px; flex-shrink: 0; width: 24px; line-height: 1; }\r\n#hvs-faq .faq-item.open .faq-num { color: #111; }\r\n#hvs-faq .faq-q { flex: 1; font-size: 15px; font-weight: 700; color: #111; line-height: 1.4; font-family: Arial, sans-serif; }\r\n#hvs-faq .faq-icon { width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; border: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: center; transition: background 0.2s, transform 0.3s; }\r\n#hvs-faq .faq-item.open .faq-icon { background: #111; border-color: #111; transform: rotate(45deg); }\r\n#hvs-faq .faq-icon svg { width: 12px; height: 12px; stroke: #888; fill: none; stroke-width: 2.5; stroke-linecap: round; display: block; transition: stroke 0.2s; }\r\n#hvs-faq .faq-item.open .faq-icon svg { stroke: #fff; }\r\n#hvs-faq .faq-body { display: none; padding-bottom: 20px; }\r\n#hvs-faq .faq-item.open .faq-body { display: block; }\r\n#hvs-faq .faq-answer { border: 1px solid #e8e8e8; border-radius: 12px; padding: 20px 24px; background: #fafafa; }\r\n#hvs-faq .faq-answer p { font-size: 14px; color: #555; line-height: 1.8; margin: 0; font-family: Arial, sans-serif; }\r\n#hvs-faq .faq-answer strong { color: #111; font-weight: 700; }\r\n<\/style>\r\n\r\n<div id=\"hvs-faq\">\r\n  <div class=\"faq-header\">\r\n    <span class=\"faq-eyebrow\">Espacio HVS \u00b7 Casablanca<\/span>\r\n    <h2 class=\"faq-title\">Preguntas <span>frecuentes<\/span><\/h2>\r\n    <p class=\"faq-sub\">Todo lo que necesita saber sobre el arriendo de bodegas y almacenes en nuestro centro log\u00edstico.<\/p>\r\n  <\/div>\r\n  <div class=\"faq-list\">\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-btn\" onclick=\"hvsFaq(this)\">\r\n        <span class=\"faq-num\">01<\/span>\r\n        <span class=\"faq-q\">\u00bfQu\u00e9 tama\u00f1os de bodegas est\u00e1n disponibles para arriendo en Espacio HVS Casablanca?<\/span>\r\n        <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\r\n      <\/button>\r\n      <div class=\"faq-body\">\r\n        <div class=\"faq-answer\"><p>En Espacio HVS ofrecemos <strong>bodegas para arriendo desde 99 m\u00b2 hasta 1.622 m\u00b2<\/strong> en Casablanca, Regi\u00f3n de Valpara\u00edso. Contamos con m\u00f3dulos peque\u00f1os (99,9 m\u00b2), medianos (162,7 \u2013 383 m\u00b2) y grandes naves industriales (538 \u2013 1.622 m\u00b2). Algunas unidades incluyen <strong>segundo piso con altillo integrado<\/strong> para oficinas o almacenamiento ligero, y alero adicional de 110 m\u00b2.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-btn\" onclick=\"hvsFaq(this)\">\r\n        <span class=\"faq-num\">02<\/span>\r\n        <span class=\"faq-q\">\u00bfCu\u00e1nto cuesta arrendar una bodega en Espacio HVS?<\/span>\r\n        <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\r\n      <\/button>\r\n      <div class=\"faq-body\">\r\n        <div class=\"faq-answer\"><p>Los valores parten desde <strong>22 UF mensuales<\/strong> para m\u00f3dulos de 99,9 m\u00b2, hasta <strong>95 UF para bodegas de 558,8 m\u00b2<\/strong>. Todos los valores son <strong>por cuerpo cierto y m\u00e1s IVA<\/strong>. La seguridad integral queda incluida dentro de los gastos comunes mensuales, sin costos adicionales.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-btn\" onclick=\"hvsFaq(this)\">\r\n        <span class=\"faq-num\">03<\/span>\r\n        <span class=\"faq-q\">\u00bfD\u00f3nde est\u00e1 ubicado el Centro Log\u00edstico Espacio HVS?<\/span>\r\n        <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\r\n      <\/button>\r\n      <div class=\"faq-body\">\r\n        <div class=\"faq-answer\"><p>Estamos ubicados en <strong>F850 282, Casablanca, Regi\u00f3n de Valpara\u00edso<\/strong>, sobre la Ruta 68. Nuestra ubicaci\u00f3n permite llegar a <strong>Santiago en 50\u201360 minutos<\/strong>, a la <strong>zona portuaria de Valpara\u00edso en 40\u201345 minutos<\/strong> y al centro de Casablanca en solo 5\u201310 minutos.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-btn\" onclick=\"hvsFaq(this)\">\r\n        <span class=\"faq-num\">04<\/span>\r\n        <span class=\"faq-q\">\u00bfEl centro log\u00edstico cuenta con seguridad las 24 horas?<\/span>\r\n        <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\r\n      <\/button>\r\n      <div class=\"faq-body\">\r\n        <div class=\"faq-answer\"><p>S\u00ed. Contamos con <strong>c\u00e1maras HD activas las 24 horas<\/strong> en todos los accesos y \u00e1reas de almacenamiento, m\u00e1s <strong>guardias de seguridad presenciales durante toda la jornada nocturna<\/strong> y los fines de semana. Incluido en los gastos comunes, sin costo adicional.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-btn\" onclick=\"hvsFaq(this)\">\r\n        <span class=\"faq-num\">05<\/span>\r\n        <span class=\"faq-q\">\u00bfLas bodegas tienen estacionamiento para clientes y camiones?<\/span>\r\n        <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\r\n      <\/button>\r\n      <div class=\"faq-body\">\r\n        <div class=\"faq-answer\"><p>S\u00ed. El recinto cuenta con <strong>60 estacionamientos a la puerta<\/strong> para veh\u00edculos livianos y camiones de distribuci\u00f3n, m\u00e1s un amplio <strong>patio de maniobras<\/strong> ideal para operaciones de alto flujo comercial.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-btn\" onclick=\"hvsFaq(this)\">\r\n        <span class=\"faq-num\">06<\/span>\r\n        <span class=\"faq-q\">\u00bfQu\u00e9 tipo de infraestructura tienen las bodegas y almacenes?<\/span>\r\n        <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\r\n      <\/button>\r\n      <div class=\"faq-body\">\r\n        <div class=\"faq-answer\"><p>Las instalaciones cuentan con <strong>estructura met\u00e1lica de alto est\u00e1ndar<\/strong>, <strong>pisos de hormig\u00f3n de alta resistencia<\/strong> e iluminaci\u00f3n natural a trav\u00e9s de lucarnas y grandes ventanales. El complejo supera los <strong>5.000 m\u00b2 de superficie total<\/strong> con plataformas de altillo integradas.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-btn\" onclick=\"hvsFaq(this)\">\r\n        <span class=\"faq-num\">07<\/span>\r\n        <span class=\"faq-q\">\u00bfEspacio HVS es apto para instalar un supermercado o sala de ventas?<\/span>\r\n        <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\r\n      <\/button>\r\n      <div class=\"faq-body\">\r\n        <div class=\"faq-answer\"><p>S\u00ed. Los almacenes est\u00e1n especialmente dise\u00f1ados para <strong>redes de supermercados y plataformas de distribuci\u00f3n a gran escala<\/strong>, con 60 estacionamientos para compradores y una <strong>ubicaci\u00f3n estrat\u00e9gica en Casablanca<\/strong> que optimiza los tiempos de entrega.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-btn\" onclick=\"hvsFaq(this)\">\r\n        <span class=\"faq-num\">08<\/span>\r\n        <span class=\"faq-q\">\u00bfC\u00f3mo puedo contactarme para arrendar una bodega en Espacio HVS?<\/span>\r\n        <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\r\n      <\/button>\r\n      <div class=\"faq-body\">\r\n        <div class=\"faq-answer\"><p>Puede contactarnos al <strong>tel\u00e9fono y WhatsApp +56 9 8809 3893<\/strong> o al correo <strong>espaciohvs@gmail.com<\/strong>. Atenci\u00f3n <strong>lunes a viernes de 09:00 a 17:00 hrs<\/strong>.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction hvsFaq(btn) {\r\n  var item = btn.closest('.faq-item');\r\n  var isOpen = item.classList.contains('open');\r\n  document.querySelectorAll('#hvs-faq .faq-item.open').forEach(function(el) {\r\n    el.classList.remove('open');\r\n  });\r\n  if (!isOpen) item.classList.add('open');\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68e31dd e-con-full e-flex e-con e-parent\" data-id=\"68e31dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cae67ea elementor-widget elementor-widget-html\" data-id=\"cae67ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#hvs-footer * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#hvs-footer {\r\n  width: 100%;\r\n  background: #111111;\r\n  font-family: 'Arial', sans-serif;\r\n}\r\n\r\n\/* FRANJA SUPERIOR *\/\r\n#hvs-footer .ft-top {\r\n  border-bottom: 1px solid rgba(255,255,255,0.07);\r\n  padding: 64px 6% 56px;\r\n  display: grid;\r\n  grid-template-columns: 280px 1fr 1fr 1fr;\r\n  gap: 48px;\r\n  align-items: start;\r\n}\r\n\r\n\/* COLUMNA LOGO *\/\r\n#hvs-footer .ft-brand {}\r\n#hvs-footer .ft-logo {\r\n  width: 120px;\r\n  margin-bottom: 22px;\r\n  display: block;\r\n  opacity: 0.92;\r\n}\r\n#hvs-footer .ft-tagline {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.45);\r\n  line-height: 1.7;\r\n  max-width: 220px;\r\n  margin-bottom: 24px;\r\n}\r\n#hvs-footer .ft-social {\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n#hvs-footer .ft-social a {\r\n  width: 36px; height: 36px;\r\n  border-radius: 8px;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.10);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background 0.2s, border-color 0.2s;\r\n  text-decoration: none;\r\n}\r\n#hvs-footer .ft-social a:hover {\r\n  background: rgba(255,255,255,0.14);\r\n  border-color: rgba(255,255,255,0.25);\r\n}\r\n#hvs-footer .ft-social svg {\r\n  width: 15px; height: 15px;\r\n  stroke: rgba(255,255,255,0.65); fill: none;\r\n  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n\/* COLUMNAS LINKS *\/\r\n#hvs-footer .ft-col {}\r\n#hvs-footer .ft-col-title {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.30);\r\n  margin-bottom: 18px;\r\n}\r\n#hvs-footer .ft-col ul {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n#hvs-footer .ft-col ul li a {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.55);\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n  line-height: 1;\r\n}\r\n#hvs-footer .ft-col ul li a:hover {\r\n  color: #ffffff;\r\n}\r\n\r\n\/* COLUMNA CONTACTO *\/\r\n#hvs-footer .ft-contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  margin-bottom: 14px;\r\n}\r\n#hvs-footer .ft-contact-item:last-child { margin-bottom: 0; }\r\n#hvs-footer .ft-contact-ico {\r\n  width: 30px; height: 30px;\r\n  border-radius: 7px;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.09);\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n}\r\n#hvs-footer .ft-contact-ico svg {\r\n  width: 13px; height: 13px;\r\n  stroke: rgba(255,255,255,0.60); fill: none;\r\n  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n#hvs-footer .ft-contact-lbl {\r\n  font-size: 10px;\r\n  color: rgba(255,255,255,0.30);\r\n  letter-spacing: 0.5px;\r\n  margin-bottom: 2px;\r\n}\r\n#hvs-footer .ft-contact-val {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.70);\r\n  line-height: 1.4;\r\n}\r\n#hvs-footer .ft-contact-val a {\r\n  color: rgba(255,255,255,0.70);\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n}\r\n#hvs-footer .ft-contact-val a:hover { color: #ffffff; }\r\n\r\n\/* DIVISOR *\/\r\n#hvs-footer .ft-divider {\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.07);\r\n  margin: 0 6%;\r\n}\r\n\r\n\/* FRANJA INFERIOR *\/\r\n#hvs-footer .ft-bottom {\r\n  padding: 20px 6%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n#hvs-footer .ft-copy {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.28);\r\n  line-height: 1;\r\n}\r\n#hvs-footer .ft-copy span {\r\n  color: rgba(255,255,255,0.45);\r\n}\r\n#hvs-footer .ft-legal {\r\n  display: flex;\r\n  gap: 20px;\r\n}\r\n#hvs-footer .ft-legal a {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.28);\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n}\r\n#hvs-footer .ft-legal a:hover { color: rgba(255,255,255,0.65); }\r\n\r\n\/* BADGE RUTA *\/\r\n#hvs-footer .ft-ruta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 6px;\r\n  padding: 6px 12px;\r\n  font-size: 11px;\r\n  color: rgba(255,255,255,0.40);\r\n  margin-top: 20px;\r\n}\r\n#hvs-footer .ft-ruta svg {\r\n  width: 12px; height: 12px;\r\n  stroke: rgba(255,255,255,0.40); fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 960px) {\r\n  #hvs-footer .ft-top {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 36px;\r\n  }\r\n  #hvs-footer .ft-brand {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n}\r\n@media (max-width: 560px) {\r\n  #hvs-footer .ft-top {\r\n    grid-template-columns: 1fr;\r\n    padding: 48px 6% 40px;\r\n    gap: 32px;\r\n  }\r\n  #hvs-footer .ft-bottom {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n  }\r\n  #hvs-footer .ft-legal { flex-wrap: wrap; gap: 12px; }\r\n}\r\n<\/style>\r\n\r\n<footer id=\"hvs-footer\">\r\n\r\n  <div class=\"ft-top\">\r\n\r\n    <!-- BRAND -->\r\n    <div class=\"ft-brand\">\r\n      <img decoding=\"async\" class=\"ft-logo\"\r\n        src=\"https:\/\/espaciohvs.cl\/wp-content\/uploads\/2026\/04\/LOGO-04.png\"\r\n        alt=\"Espacio HVS\">\r\n      <p class=\"ft-tagline\">Centro log\u00edstico de primer nivel en Casablanca. Conectado con Santiago y Valpara\u00edso por la Ruta 68.<\/p>\r\n      <div class=\"ft-ruta\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 12h18M3 6h18M3 18h18\"\/><\/svg>\r\n        Ruta 68 \u00b7 F850 282, Casablanca\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- NAVEGACI\u00d3N -->\r\n    <div class=\"ft-col\">\r\n      <p class=\"ft-col-title\">Navegaci\u00f3n<\/p>\r\n      <ul>\r\n        <li><a href=\"#inicio\">Inicio<\/a><\/li>\r\n        <li><a href=\"#propuesta\">Propuesta de valor<\/a><\/li>\r\n        <li><a href=\"#bodegas\">Bodegas disponibles<\/a><\/li>\r\n        <li><a href=\"#galeria\">Galer\u00eda<\/a><\/li>\r\n        <li><a href=\"#ubicacion\">Ubicaci\u00f3n<\/a><\/li>\r\n        <li><a href=\"#contacto\">Contacto<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- SERVICIOS -->\r\n    <div class=\"ft-col\">\r\n      <p class=\"ft-col-title\">Servicios<\/p>\r\n      <ul>\r\n        <li><a href=\"#bodegas\">Arriendo de bodegas<\/a><\/li>\r\n        <li><a href=\"#bodegas\">Almacenes industriales<\/a><\/li>\r\n        <li><a href=\"#propuesta\">Seguridad 24\/7<\/a><\/li>\r\n        <li><a href=\"#propuesta\">Estacionamientos<\/a><\/li>\r\n        <li><a href=\"#contacto\">Cotizar espacio<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- CONTACTO -->\r\n    <div class=\"ft-col\">\r\n      <p class=\"ft-col-title\">Contacto<\/p>\r\n\r\n      <div class=\"ft-contact-item\">\r\n        <div class=\"ft-contact-ico\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 01.06 1.21 2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"ft-contact-lbl\">Tel\u00e9fono \/ WhatsApp<\/p>\r\n          <p class=\"ft-contact-val\"><a href=\"tel:+56988093893\">+56 9 8809 3893<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ft-contact-item\">\r\n        <div class=\"ft-contact-ico\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"ft-contact-lbl\">Correo<\/p>\r\n          <p class=\"ft-contact-val\"><a href=\"mailto:espaciohvs@gmail.com\">espaciohvs@gmail.com<\/a><\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ft-contact-item\">\r\n        <div class=\"ft-contact-ico\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"ft-contact-lbl\">Horario de atenci\u00f3n<\/p>\r\n          <p class=\"ft-contact-val\">Lun \u2013 Vie \u00b7 09:00 \u2013 17:00<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ft-contact-item\">\r\n        <div class=\"ft-contact-ico\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"ft-contact-lbl\">Direcci\u00f3n<\/p>\r\n          <p class=\"ft-contact-val\">F850 282, Casablanca<br>Regi\u00f3n de Valpara\u00edso<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"ft-divider\"><\/div>\r\n\r\n  <div class=\"ft-bottom\">\r\n    <p class=\"ft-copy\">\r\n      &copy; <span id=\"ft-year\"><\/span> <span>Espacio HVS<\/span> \u00b7 Todos los derechos reservados\r\n    <\/p>\r\n    <div class=\"ft-legal\">\r\n      <a href=\"#\">Pol\u00edtica de privacidad<\/a>\r\n      <a href=\"#\">T\u00e9rminos de uso<\/a>\r\n      <a href=\"#contacto\">Contacto<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<script>\r\ndocument.getElementById('ft-year').textContent = new Date().getFullYear();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Casablanca, Valpara\u00edso Centro Log\u00edstico &#8592; &#8594; 01 \/ 03 Espacio HVS \u00b7 Casablanca Nuestra propuesta de valor Infraestructura industrial de primer nivel, dise\u00f1ada para optimizar su operaci\u00f3n log\u00edstica en el eje Santiago\u2013Valpara\u00edso. Instalaciones Seguridad Superficie Estacionamiento Propuesta \u00b7 Instalaciones Infraestructura de vanguardia Estructura met\u00e1lica de alto est\u00e1ndar con pisos de hormig\u00f3n de alta resistencia e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/espaciohvs.cl\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/espaciohvs.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/espaciohvs.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/espaciohvs.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/espaciohvs.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":214,"href":"https:\/\/espaciohvs.cl\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/espaciohvs.cl\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/espaciohvs.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}