Visualizador 360\u00ba \u2013 Vista por puntos cardinales<\/title><\/p>\n<style>\n \/* --- Ajustes globales --- *\/\n :root {\n \/* Di\u00e1metro del c\u00edrculo y de los botones (ajustables) *\/\n --compass-size: 90px;\n --btn-size: 40px;\n \/* Colores del tema (ajustables) *\/\n --accent: #293945; \/* Azul corporativo solicitado *\/\n --compass-bg: rgba(255, 255, 255, 0.9);\n }<\/p>\n<p> .viewer-container {\n position: relative;\n width: 100%; \/* Ocupa todo el ancho de su contenedor *\/\n max-width: 100%;\n overflow: visible; \/* Permite que la br\u00fajula se salga a medias *\/\n font-family: system-ui, sans-serif;\n \/* crea espacio debajo para que la br\u00fajula no tape contenido siguiente *\/\n margin-bottom: calc(var(--compass-size) \/ 2 + 1rem);\n }<\/p>\n<p> .viewer-image {\n width: 100%; \/* Imagen siempre responsiva *\/\n height: auto;\n display: block;\n object-fit: cover; \/* Mantiene proporci\u00f3n y recorta si es necesario *\/\n }<\/p>\n<p> \/* --- Br\u00fajula --- *\/\n .compass {\n position: absolute;\n bottom: calc(var(--compass-size) \/ -2); \/* Mitad dentro, mitad fuera *\/\n left: 50%;\n transform: translateX(-50%);\n width: var(--compass-size);\n height: var(--compass-size);\n border-radius: 50%;\n background: var(--compass-bg);\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n }<\/p>\n<p> .compass button {\n position: absolute;\n width: var(--btn-size);\n height: var(--btn-size);\n border-radius: 50%;\n border: 2px solid var(--accent);\n background: #ffffff;\n color: var(--accent);\n font-weight: 600;\n letter-spacing: 0.5px;\n cursor: pointer;\n user-select: none;\n transition: background 0.2s, color 0.2s, transform 0.2s;\n }<\/p>\n<p> .compass button:hover {\n transform: scale(1.05);\n }<\/p>\n<p> .compass button.active,\n .compass button:focus-visible {\n background: var(--accent);\n color: #ffffff;\n }<\/p>\n<p> \/* Posicionamiento de los botones *\/\n .compass button[data-dir=\"north\"] { top: 6px; left: 50%; transform: translateX(-50%); }\n .compass button[data-dir=\"south\"] { bottom: 6px; left: 50%; transform: translateX(-50%); }\n .compass button[data-dir=\"east\"] { right: 6px; top: 50%; transform: translateY(-50%); }\n .compass button[data-dir=\"west\"] { left: 6px; top: 50%; transform: translateY(-50%); }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <\/p>\n<div class=\"viewer-container\" id=\"viewer-1\"\n data-north=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Norte.png\"\n data-south=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Sur.png\"\n data-east=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Este.png\"\n data-west=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Oeste.png\"><\/p>\n<p> <br \/>\n <img decoding=\"async\" class=\"viewer-image\" src=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Norte.png\" alt=\"Vista Norte\" \/><\/p>\n<p> <\/p>\n<div class=\"compass\" aria-label=\"Selector de vista\">\n <button data-dir=\"north\" aria-label=\"Vista Norte\" class=\"active\">N<\/button><br \/>\n <button data-dir=\"east\" aria-label=\"Vista Este\">E<\/button><br \/>\n <button data-dir=\"south\" aria-label=\"Vista Sur\">S<\/button><br \/>\n <button data-dir=\"west\" aria-label=\"Vista Oeste\">O<\/button>\n <\/div>\n<\/p><\/div>\n<p> <script>\n \/\/ Componente reutilizable: busca todos los contenedores .viewer-container y les a\u00f1ade la l\u00f3gica\n document.querySelectorAll('.viewer-container').forEach(initCompassViewer);<\/p>\n<p> function initCompassViewer(container) {\n const img = container.querySelector('.viewer-image');\n const btns = container.querySelectorAll('.compass button');<\/p>\n<p> btns.forEach(btn => {\n btn.addEventListener('click', () => {\n const dir = btn.dataset.dir;\n const newSrc = container.dataset[dir];\n if (!newSrc) return; \/\/ Si no hay imagen para esa direcci\u00f3n, no hace nada<\/p>\n<p> img.src = newSrc;\n img.alt = 'Vista ' + dir.charAt(0).toUpperCase() + dir.slice(1);<\/p>\n<p> \/\/ Marca visual del bot\u00f3n activo\n btns.forEach(b => b.classList.toggle('active', b === btn));\n });\n });\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n<\/div>\n<h2>Desarrollo urbano premium<\/h2>\n<div>Con\u00e9ctate con lo mejor de la naturaleza, sin perder las comodidades de la ciudad<\/div>\n<div>\n<p>2 torres de 12 pisos, compuestas por departamentos de 2 y 3 habitaciones desde 127 m2, con zona de servicios y amplias terrazas desde 38 m2. Una arquitectura pensada y dise\u00f1ada para brindarte una elevada calidad de vida.<\/p>\n<\/div>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/icon-arrow-right.svg\" alt=\"\"><\/p>\n<p><a href=\"#amenities-departamentos\">Nuestros Departamentos<\/a><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/icon-arrow-right.svg\" alt=\"\"><\/p>\n<p><a href=\"#amenities-comodidades\">Nuestras Comodidades<\/a><\/p>\n<\/li>\n<\/ul>\n<div>Departamento con distintos acabados<\/div>\n<div>\n<p> <!DOCTYPE html><br \/>\n<html lang=\"es\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\" \/><br \/>\n <title>Comparador de im\u00e1genes<\/title><\/p>\n<style>\n :root{\n --handle-bar:4px; \/* grosor real de la barra vertical *\/\n --handle-width:48px; \/* zona clic\u2011arrastre, incluye icono *\/\n --handle-color:#ffffff; \/* color de la barra e icono *\/\n --handle-shadow:0 0 4px rgba(0,0,0,.6);\n }<\/p>\n<p> *{box-sizing:border-box;margin:0;padding:0;}<\/p>\n<p> .compare-wrapper{\n position:relative;\n width:100%; \/* ocupa todo el ancho del contenedor *\/\n aspect-ratio:16\/9; \/* mantiene la proporci\u00f3n; opcional *\/\n overflow:hidden;\n user-select:none;\n touch-action:none;\n }<\/p>\n<p> .compare-wrapper img{\n position:absolute;\n top:0;left:0;\n width:100%;height:100%;\n object-fit:cover;\n pointer-events:none;\n }<\/p>\n<p> \/* La imagen de la izquierda (antes) va arriba\n y la recortamos con clip-path *\/\n .compare-wrapper .before{\n clip-path:inset(0 50% 0 0); \/* 50 % por defecto *\/\n transition:clip-path .05s;\n }<\/p>\n<p> \/* Barra \/ asa deslizante *\/\n .compare-wrapper .handle{\n position:absolute;\n top:0;\n left:50%;\n width:var(--handle-width);\n height:100%;\n cursor:ew-resize;\n transform:translateX(-50%);\n display:flex;\n align-items:center;\n justify-content:center;\n pointer-events:auto;\n }<\/p>\n<p> \/* L\u00ednea central (barra fina) *\/\n .compare-wrapper .handle::before{\n content:\"\";\n position:absolute;\n top:0;\n bottom:0;\n left:calc(50% - var(--handle-bar)\/2);\n width:var(--handle-bar);\n background:var(--handle-color);\n box-shadow:var(--handle-shadow);\n }<\/p>\n<p> \/* Icono de flechas dentro de c\u00edrculo *\/\n .handle .icon{\n display:flex;\n align-items:center;\n justify-content:center;\n width:32px;\n height:32px;\n background:rgba(0,0,0,.45); \/* semi-transparente para contraste *\/\n border:2px solid var(--handle-color);\n border-radius:50%;\n font-size:1rem;\n color:var(--handle-color);\n text-shadow:0 0 4px rgba(0,0,0,.7);\n user-select:none;\n pointer-events:none;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"compare-wrapper\" id=\"compare\">\n <br \/>\n <img decoding=\"async\" src=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/WOOD-WARM.webp\" alt=\"Despu\u00e9s\" class=\"after\"><br \/>\n <br \/>\n <img decoding=\"async\" src=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/2-MODERN-WHITES.webp\" alt=\"Antes\" class=\"before\"><br \/>\n <\/p>\n<div class=\"handle\"><span class=\"icon\">\u2194<\/span><\/div>\n<\/div>\n<p><script>\n (function(){\n const wrapper = document.getElementById('compare');\n const before = wrapper.querySelector('.before');\n const handle = wrapper.querySelector('.handle');<\/p>\n<p> \/\/ Devuelve la posici\u00f3n (0\u20111) del cursor dentro del wrapper\n function getPos(e){\n const rect = wrapper.getBoundingClientRect();\n const x = (e.touches ? e.touches[0].clientX : e.clientX) - rect.left;\n return Math.max(0, Math.min(1, x \/ rect.width));\n }<\/p>\n<p> function update(ratio){\n before.style.clipPath = `inset(0 ${100 - ratio*100}% 0 0)`;\n handle.style.left = `${ratio*100}%`;\n }<\/p>\n<p> \/\/ Arrastrar con mouse \/ touch\n function startDrag(e){\n e.preventDefault();\n update(getPos(e));\n window.addEventListener('mousemove', moveDrag);\n window.addEventListener('touchmove', moveDrag, {passive:false});\n window.addEventListener('mouseup', endDrag);\n window.addEventListener('touchend', endDrag);\n }\n function moveDrag(e){ update(getPos(e)); }\n function endDrag(){\n window.removeEventListener('mousemove', moveDrag);\n window.removeEventListener('touchmove', moveDrag);\n window.removeEventListener('mouseup', endDrag);\n window.removeEventListener('touchend', endDrag);\n }<\/p>\n<p> handle.addEventListener('mousedown', startDrag);\n handle.addEventListener('touchstart', startDrag, {passive:false});\n \/\/ Clic para saltar directamente\n wrapper.addEventListener('click', e => update(getPos(e)));\n })();\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n<\/div>\n<div>Visita nuestro departamento modelo recorrido 360\u00ba<\/div>\n<div>\n<p> <iframe loading=\"lazy\" src=\"https:\/\/skyviewtowers.s3.sa-east-1.amazonaws.com\/TOUR\/index.html\" width=\"100%\" height=\"500\"><\/iframe>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/17.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/16.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/15.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/18.png\" alt=\"\"><\/p>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/6.png\" alt=\"\"><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/5.png\" alt=\"\"><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/7.png\" alt=\"\"><\/p>\n<\/li>\n<\/ul>\n<h2>Amenities Departamentos<\/h2>\n<div>Departamentos en San Patricio Sky View: U<span>n estilo de vida excepcional.<\/span><\/div>\n<div>\n<p><span>Departamentos, de 2 y 3 habitaciones, que cuentan con grandes ventanales que permiten disfrutar de vistas panor\u00e1micas espectaculares de la naturaleza y la monta\u00f1a desde la comodidad de tu hogar.<\/span><\/p>\n<\/div>\n<hr>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/19.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/20.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/21.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/22.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/23.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/24.png\" alt=\"\"><\/p>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/9-1.png\" alt=\"\"><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/10-1.png\" alt=\"\"><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/8.png\" alt=\"\"><\/p>\n<\/li>\n<\/ul>\n<h2>Todas las comodidades<\/h2>\n<div><span>Sky View Towers ofrece \u00e1reas recreacionales para que prime el bienestar y la salud de sus habitantes.<\/span><\/div>\n<div>\n<p>La propuesta del proyecto es integral, ofreciendo a quienes viven all\u00ed: seguridad las 24 horas del d\u00eda, elevador de servicio, sistema inteligente de ingreso a estacionamientos en subsuelo, estaciones de recarga para veh\u00edculos el\u00e9ctricos, estacionamiento de visitas exterior, espacio para almacenamiento privado de bicicletas y sala de espera para conductores.<\/p>\n<\/div>\n<div>Cont\u00e1ctanos<\/div>\n<div>\n<p> <script type=\"module\">\n import Typebot from 'https:\/\/cdn.jsdelivr.net\/npm\/@typebot.io\/js@0.3\/dist\/web.js';<\/p>\n<p> Typebot.initStandard({ typebot: \"san-patricio-contacto-3cv4aqi\" });\n<\/script><\/p>\n<p><typebot-standard style=\"width: 100%; height: 400px; \"><\/typebot-standard>\n<\/div>\n<p><br \/>\n\\n\\n <\/p>\n<div class=\\\"viewer-container\\\" id=\\\"viewer-1\\\"\\n data-north=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Norte.png\\\"\\n data-south=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Sur.png\\\"\\n data-east=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Este.png\\\"\\n data-west=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Oeste.png\\\">\\n\\n \\n <img class=\\\"viewer-image\\\" src=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Norte.png\\\" alt=\\\"Vista Norte\\\" \\\/>\\n\\n \\n <\/p>\n<div class=\\\"compass\\\" aria-label=\\\"Selector de vista\\\">\\n <button data-dir=\\\"north\\\" aria-label=\\\"Vista Norte\\\" class=\\\"active\\\">N<\\\/button>\\n <button data-dir=\\\"east\\\" aria-label=\\\"Vista Este\\\">E<\\\/button>\\n <button data-dir=\\\"south\\\" aria-label=\\\"Vista Sur\\\">S<\\\/button>\\n <button data-dir=\\\"west\\\" aria-label=\\\"Vista Oeste\\\">O<\\\/button>\\n <\\\/div>\\n <\\\/div>\\n\\n <script>\\n \\\/\\\/ Componente reutilizable: busca todos los contenedores .viewer-container y les a\\u00f1ade la l\\u00f3gica\\n document.querySelectorAll('.viewer-container').forEach(initCompassViewer);\\n\\n function initCompassViewer(container) {\\n const img = container.querySelector('.viewer-image');\\n const btns = container.querySelectorAll('.compass button');\\n\\n btns.forEach(btn => {\\n btn.addEventListener('click', () => {\\n const dir = btn.dataset.dir;\\n const newSrc = container.dataset[dir];\\n if (!newSrc) return; \\\/\\\/ Si no hay imagen para esa direcci\\u00f3n, no hace nada\\n\\n img.src = newSrc;\\n img.alt = 'Vista ' + dir.charAt(0).toUpperCase() + dir.slice(1);\\n\\n \\\/\\\/ Marca visual del bot\\u00f3n activo\\n btns.forEach(b => b.classList.toggle('active', b === btn));\\n });\\n });\\n }\\n <\\\/script>\\n<\\\/body>\\n<\\\/html>\\n\"}}]}]}],\"name\":\"Equipment\"},{\"type\":\"section\",\"props\":{\"css\":\"@media (min-width: 1600px) {\\n .el-section > div { min-height: 200vh; }\\n}\",\"image\":\"wp-content\\\/uploads\\\/yootheme\\\/apartments-equipment-bg.png\",\"image_position\":\"bottom-center\",\"image_width\":\"2560\",\"media_visibility\":\"xl\",\"padding\":\"large\",\"padding_remove_top\":false,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"props\":{\"margin\":\"remove-vertical\",\"padding_remove_horizontal\":false},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"top-center\",\"image_size\":\"cover\",\"image_width\":\"2560\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Desarrollo urbano premium\",\"margin\":\"remove-vertical\",\"title_element\":\"h2\",\"title_style\":\"h6\"}},{\"type\":\"headline\",\"props\":{\"content\":\"Con\\u00e9ctate con lo mejor de la naturaleza, sin perder las comodidades de la ciudad\",\"margin\":\"small\",\"maxwidth\":\"large\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<p>2 torres de 12 pisos, compuestas por departamentos de 2 y 3 habitaciones desde 127 m2, con zona de servicios y amplias terrazas desde 38 m2. Una arquitectura pensada y dise\\u00f1ada para brindarte una elevada calidad de vida.<\\\/p>\",\"margin\":\"medium\",\"maxwidth\":\"2xlarge\"}},{\"type\":\"list\",\"props\":{\"column_breakpoint\":\"m\",\"content_style\":\"h3\",\"icon_width\":\"30\",\"image_align\":\"right\",\"image_svg_color\":\"emphasis\",\"image_svg_inline\":true,\"image_vertical_align\":true,\"link_style\":\"heading\",\"list_element\":\"ul\",\"list_horizontal_separator\":\", \",\"list_size\":\"large\",\"list_style\":\"divider\",\"list_type\":\"vertical\",\"margin\":\"large\",\"maxwidth\":\"large\",\"show_image\":true,\"show_link\":true},\"children\":[{\"type\":\"list_item\",\"props\":{\"content\":\"Nuestros Departamentos\",\"icon\":\"\",\"image\":\"wp-content\\\/uploads\\\/yootheme\\\/icon-arrow-right.svg\",\"link\":\"#amenities-departamentos\"}},{\"type\":\"list_item\",\"props\":{\"content\":\"Nuestras Comodidades\",\"icon\":\"\",\"image\":\"wp-content\\\/uploads\\\/yootheme\\\/icon-arrow-right.svg\",\"link\":\"#amenities-comodidades\"}}]}]}]}],\"name\":\"Equipment\"},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Departamento con distintos acabados\",\"margin\":\"small\",\"text_align\":\"center\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"es\\\">\\n<head>\\n <meta charset=\\\"UTF-8\\\" \\\/>\\n <title>Comparador de im\\u00e1genes<\\\/title>\\n <\/p>\n<style>\\n :root{\\n --handle-bar:4px; \\\/* grosor real de la barra vertical *\\\/\\n --handle-width:48px; \\\/* zona clic\\u2011arrastre, incluye icono *\\\/\\n --handle-color:#ffffff; \\\/* color de la barra e icono *\\\/\\n --handle-shadow:0 0 4px rgba(0,0,0,.6);\\n }\\n\\n *{box-sizing:border-box;margin:0;padding:0;}\\n\\n .compare-wrapper{\\n position:relative;\\n width:100%; \\\/* ocupa todo el ancho del contenedor *\\\/\\n aspect-ratio:16\\\/9; \\\/* mantiene la proporci\\u00f3n; opcional *\\\/\\n overflow:hidden;\\n user-select:none;\\n touch-action:none;\\n }\\n\\n .compare-wrapper img{\\n position:absolute;\\n top:0;left:0;\\n width:100%;height:100%;\\n object-fit:cover;\\n pointer-events:none;\\n }\\n\\n \\\/* La imagen de la izquierda (antes) va arriba\\n y la recortamos con clip-path *\\\/\\n .compare-wrapper .before{\\n clip-path:inset(0 50% 0 0); \\\/* 50 % por defecto *\\\/\\n transition:clip-path .05s;\\n }\\n\\n \\\/* Barra \\\/ asa deslizante *\\\/\\n .compare-wrapper .handle{\\n position:absolute;\\n top:0;\\n left:50%;\\n width:var(--handle-width);\\n height:100%;\\n cursor:ew-resize;\\n transform:translateX(-50%);\\n display:flex;\\n align-items:center;\\n justify-content:center;\\n pointer-events:auto;\\n }\\n\\n \\\/* L\\u00ednea central (barra fina) *\\\/\\n .compare-wrapper .handle::before{\\n content:\\\"\\\";\\n position:absolute;\\n top:0;\\n bottom:0;\\n left:calc(50% - var(--handle-bar)\\\/2);\\n width:var(--handle-bar);\\n background:var(--handle-color);\\n box-shadow:var(--handle-shadow);\\n }\\n\\n \\\/* Icono de flechas dentro de c\\u00edrculo *\\\/\\n .handle .icon{\\n display:flex;\\n align-items:center;\\n justify-content:center;\\n width:32px;\\n height:32px;\\n background:rgba(0,0,0,.45); \\\/* semi-transparente para contraste *\\\/\\n border:2px solid var(--handle-color);\\n border-radius:50%;\\n font-size:1rem;\\n color:var(--handle-color);\\n text-shadow:0 0 4px rgba(0,0,0,.7);\\n user-select:none;\\n pointer-events:none;\\n }\\n <\\\/style>\\n<\\\/head>\\n<body>\\n\\n<\/p>\n<div class=\\\"compare-wrapper\\\" id=\\\"compare\\\">\\n \\n <img src=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/WOOD-WARM.webp\\\" alt=\\\"Despu\\u00e9s\\\" class=\\\"after\\\">\\n \\n <img src=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/2-MODERN-WHITES.webp\\\" alt=\\\"Antes\\\" class=\\\"before\\\">\\n \\n <\/p>\n<div class=\\\"handle\\\"><span class=\\\"icon\\\">\\u2194<\\\/span><\\\/div>\\n<\\\/div>\\n\\n<script>\\n (function(){\\n const wrapper = document.getElementById('compare');\\n const before = wrapper.querySelector('.before');\\n const handle = wrapper.querySelector('.handle');\\n\\n \\\/\\\/ Devuelve la posici\\u00f3n (0\\u20111) del cursor dentro del wrapper\\n function getPos(e){\\n const rect = wrapper.getBoundingClientRect();\\n const x = (e.touches ? e.touches[0].clientX : e.clientX) - rect.left;\\n return Math.max(0, Math.min(1, x \\\/ rect.width));\\n }\\n\\n function update(ratio){\\n before.style.clipPath = `inset(0 ${100 - ratio*100}% 0 0)`;\\n handle.style.left = `${ratio*100}%`;\\n }\\n\\n \\\/\\\/ Arrastrar con mouse \\\/ touch\\n function startDrag(e){\\n e.preventDefault();\\n update(getPos(e));\\n window.addEventListener('mousemove', moveDrag);\\n window.addEventListener('touchmove', moveDrag, {passive:false});\\n window.addEventListener('mouseup', endDrag);\\n window.addEventListener('touchend', endDrag);\\n }\\n function moveDrag(e){ update(getPos(e)); }\\n function endDrag(){\\n window.removeEventListener('mousemove', moveDrag);\\n window.removeEventListener('touchmove', moveDrag);\\n window.removeEventListener('mouseup', endDrag);\\n window.removeEventListener('touchend', endDrag);\\n }\\n\\n handle.addEventListener('mousedown', startDrag);\\n handle.addEventListener('touchstart', startDrag, {passive:false});\\n \\\/\\\/ Clic para saltar directamente\\n wrapper.addEventListener('click', e => update(getPos(e)));\\n })();\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\\n\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Visita nuestro departamento modelo recorrido 360\\u00ba\",\"margin\":\"small\",\"text_align\":\"center\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"html\",\"props\":{\"content\":\"<iframe src=\\\"https:\\\/\\\/skyviewtowers.s3.sa-east-1.amazonaws.com\\\/TOUR\\\/index.html\\\" width=\\\"100%\\\" height=\\\"500\\\"><\\\/iframe>\"}}]}]}]},{\"type\":\"section\",\"props\":{\"id\":\"amenities-departamentos\",\"image_position\":\"center-center\",\"padding\":\"none\",\"padding_remove_bottom\":false,\"padding_remove_horizontal\":false,\"padding_remove_top\":false,\"style\":\"secondary\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"large\",\"width_expand\":\"left\"},\"children\":[{\"type\":\"row\",\"props\":{\"column_gap\":\"large\",\"layout\":\"3-5,2-5\",\"padding_remove_horizontal\":false,\"row_gap\":\"collapse\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"none\",\"position_sticky_breakpoint\":\"m\",\"width_large\":\"3-5\",\"width_medium\":\"1-2\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/17.png\",\"image_loading\":false,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/16.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/15.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/18.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"large\",\"position_sticky\":\"column\",\"position_sticky_breakpoint\":\"s\",\"position_sticky_offset\":\"50vh - 50%\",\"style\":\"tile-secondary\",\"width_large\":\"2-5\",\"width_medium\":\"1-2\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"gallery\",\"props\":{\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"2\",\"grid_medium\":\"\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"small\",\"margin_remove_top\":false,\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"overlay_hover\":false,\"overlay_mode\":\"caption\",\"overlay_position\":\"center\",\"overlay_style\":\"overlay-primary\",\"overlay_transition\":\"fade\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"text_align\":\"center\",\"text_color\":\"light\",\"title_element\":\"h3\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"},\"children\":[{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/6.png\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/5.png\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/7.png\"}}]},{\"type\":\"headline\",\"props\":{\"block_align\":\"center\",\"content\":\"Amenities Departamentos\",\"margin\":\"medium\",\"margin_remove_bottom\":true,\"maxwidth\":\"large\",\"title_element\":\"h2\",\"title_style\":\"h6\"}},{\"type\":\"headline\",\"props\":{\"block_align\":\"center\",\"content\":\"Departamentos en San Patricio Sky View: U<span>n estilo de vida excepcional.<\\\/span>\",\"margin\":\"small\",\"maxwidth\":\"large\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"text\",\"props\":{\"block_align\":\"center\",\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<p><span>Departamentos, de 2 y 3 habitaciones, que cuentan con grandes ventanales que permiten disfrutar de vistas panor\\u00e1micas espectaculares de la naturaleza y la monta\\u00f1a desde la comodidad de tu hogar.<\\\/span><\\\/p>\",\"margin\":\"small\",\"margin_remove_bottom\":true,\"margin_remove_top\":false,\"maxwidth\":\"large\"}}]}]}],\"name\":\"Amenities departamentos\"},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"xsmall\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}}]}]}]},{\"type\":\"section\",\"props\":{\"id\":\"amenities-comodidades\",\"image_position\":\"center-center\",\"padding\":\"none\",\"padding_remove_bottom\":false,\"padding_remove_horizontal\":false,\"padding_remove_top\":false,\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"large\",\"width_expand\":\"left\"},\"children\":[{\"type\":\"row\",\"props\":{\"column_gap\":\"large\",\"layout\":\"3-5,2-5\",\"padding_remove_horizontal\":false,\"row_gap\":\"collapse\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"none\",\"position_sticky_breakpoint\":\"m\",\"width_large\":\"3-5\",\"width_medium\":\"1-2\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/19.png\",\"image_loading\":false,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/20.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/21.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/22.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/23.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/24.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"large\",\"position_sticky\":\"column\",\"position_sticky_breakpoint\":\"s\",\"position_sticky_offset\":\"50vh - 50%\",\"style\":\"card-default\",\"width_large\":\"2-5\",\"width_medium\":\"1-2\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"gallery\",\"props\":{\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"2\",\"grid_medium\":\"\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"small\",\"margin_remove_top\":false,\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"overlay_hover\":false,\"overlay_mode\":\"caption\",\"overlay_position\":\"center\",\"overlay_style\":\"overlay-primary\",\"overlay_transition\":\"fade\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"text_align\":\"center\",\"text_color\":\"light\",\"title_element\":\"h3\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"},\"children\":[{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/9-1.png\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/10-1.png\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/8.png\"}}]},{\"type\":\"headline\",\"props\":{\"block_align\":\"center\",\"content\":\"Todas las comodidades\",\"margin\":\"medium\",\"margin_remove_bottom\":true,\"maxwidth\":\"large\",\"title_element\":\"h2\",\"title_style\":\"h6\"}},{\"type\":\"headline\",\"props\":{\"block_align\":\"center\",\"content\":\"<span>Sky View Towers ofrece \\u00e1reas recreacionales para que prime el bienestar y la salud de sus habitantes.<\\\/span>\",\"margin\":\"small\",\"maxwidth\":\"large\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"text\",\"props\":{\"block_align\":\"center\",\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<p>La propuesta del proyecto es integral, ofreciendo a quienes viven all\\u00ed: seguridad las 24 horas del d\\u00eda, elevador de servicio, sistema inteligente de ingreso a estacionamientos en subsuelo, estaciones de recarga para veh\\u00edculos el\\u00e9ctricos, estacionamiento de visitas exterior, espacio para almacenamiento privado de bicicletas y sala de espera para conductores.<\\\/p>\",\"margin\":\"small\",\"margin_remove_bottom\":true,\"margin_remove_top\":false,\"maxwidth\":\"large\"}}]}]}],\"name\":\"Amenities comodides\"},{\"name\":\"Call to Action\",\"type\":\"section\",\"props\":{\"id\":\"contact\",\"image_position\":\"center-center\",\"image_size\":\"cover\",\"padding\":\"large\",\"padding_remove_bottom\":false,\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"small\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Cont\\u00e1ctanos\",\"maxwidth\":\"2xlarge\",\"position\":\"relative\",\"position_z_index\":\"1\",\"title_element\":\"div\",\"title_style\":\"heading-medium\"}},{\"type\":\"html\",\"props\":{\"content\":\"<script type=\\\"module\\\">\\n import Typebot from 'https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/@typebot.io\\\/js@0.3\\\/dist\\\/web.js';\\n\\n Typebot.initStandard({ typebot: \\\"san-patricio-contacto-3cv4aqi\\\" });\\n<\\\/script>\\n\\n<typebot-standard style=\\\"width: 100%; height: 400px; \\\"><\\\/typebot-standard>\"}}]}],\"props\":{\"column_gap\":\"collapse\"}}]}],\"version\":\"4.5.13\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sky View Towers Cont\u00e1ctanos Una propuesta \u00fanica de sofisticadas viviendas en altura.Tranquilidad, confort absoluto y la mejor vista. Visualizador 360\u00ba \u2013 Vista por puntos cardinales N E S O Desarrollo urbano premium Con\u00e9ctate con lo mejor de la naturaleza, sin perder las comodidades de la ciudad 2 torres de 12 pisos, compuestas por departamentos de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2675","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/pages\/2675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2675"}],"version-history":[{"count":47,"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/pages\/2675\/revisions"}],"predecessor-version":[{"id":2952,"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/pages\/2675\/revisions\/2952"}],"wp:attachment":[{"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n
\n
\n
\n Visualizador 360\u00ba \u2013 Vista por puntos cardinales<\/title><\/p>\n<style>\n \/* --- Ajustes globales --- *\/\n :root {\n \/* Di\u00e1metro del c\u00edrculo y de los botones (ajustables) *\/\n --compass-size: 90px;\n --btn-size: 40px;\n \/* Colores del tema (ajustables) *\/\n --accent: #293945; \/* Azul corporativo solicitado *\/\n --compass-bg: rgba(255, 255, 255, 0.9);\n }<\/p>\n<p> .viewer-container {\n position: relative;\n width: 100%; \/* Ocupa todo el ancho de su contenedor *\/\n max-width: 100%;\n overflow: visible; \/* Permite que la br\u00fajula se salga a medias *\/\n font-family: system-ui, sans-serif;\n \/* crea espacio debajo para que la br\u00fajula no tape contenido siguiente *\/\n margin-bottom: calc(var(--compass-size) \/ 2 + 1rem);\n }<\/p>\n<p> .viewer-image {\n width: 100%; \/* Imagen siempre responsiva *\/\n height: auto;\n display: block;\n object-fit: cover; \/* Mantiene proporci\u00f3n y recorta si es necesario *\/\n }<\/p>\n<p> \/* --- Br\u00fajula --- *\/\n .compass {\n position: absolute;\n bottom: calc(var(--compass-size) \/ -2); \/* Mitad dentro, mitad fuera *\/\n left: 50%;\n transform: translateX(-50%);\n width: var(--compass-size);\n height: var(--compass-size);\n border-radius: 50%;\n background: var(--compass-bg);\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n }<\/p>\n<p> .compass button {\n position: absolute;\n width: var(--btn-size);\n height: var(--btn-size);\n border-radius: 50%;\n border: 2px solid var(--accent);\n background: #ffffff;\n color: var(--accent);\n font-weight: 600;\n letter-spacing: 0.5px;\n cursor: pointer;\n user-select: none;\n transition: background 0.2s, color 0.2s, transform 0.2s;\n }<\/p>\n<p> .compass button:hover {\n transform: scale(1.05);\n }<\/p>\n<p> .compass button.active,\n .compass button:focus-visible {\n background: var(--accent);\n color: #ffffff;\n }<\/p>\n<p> \/* Posicionamiento de los botones *\/\n .compass button[data-dir=\"north\"] { top: 6px; left: 50%; transform: translateX(-50%); }\n .compass button[data-dir=\"south\"] { bottom: 6px; left: 50%; transform: translateX(-50%); }\n .compass button[data-dir=\"east\"] { right: 6px; top: 50%; transform: translateY(-50%); }\n .compass button[data-dir=\"west\"] { left: 6px; top: 50%; transform: translateY(-50%); }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <\/p>\n<div class=\"viewer-container\" id=\"viewer-1\"\n data-north=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Norte.png\"\n data-south=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Sur.png\"\n data-east=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Este.png\"\n data-west=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Oeste.png\"><\/p>\n<p> <br \/>\n <img decoding=\"async\" class=\"viewer-image\" src=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/Norte.png\" alt=\"Vista Norte\" \/><\/p>\n<p> <\/p>\n<div class=\"compass\" aria-label=\"Selector de vista\">\n <button data-dir=\"north\" aria-label=\"Vista Norte\" class=\"active\">N<\/button><br \/>\n <button data-dir=\"east\" aria-label=\"Vista Este\">E<\/button><br \/>\n <button data-dir=\"south\" aria-label=\"Vista Sur\">S<\/button><br \/>\n <button data-dir=\"west\" aria-label=\"Vista Oeste\">O<\/button>\n <\/div>\n<\/p><\/div>\n<p> <script>\n \/\/ Componente reutilizable: busca todos los contenedores .viewer-container y les a\u00f1ade la l\u00f3gica\n document.querySelectorAll('.viewer-container').forEach(initCompassViewer);<\/p>\n<p> function initCompassViewer(container) {\n const img = container.querySelector('.viewer-image');\n const btns = container.querySelectorAll('.compass button');<\/p>\n<p> btns.forEach(btn => {\n btn.addEventListener('click', () => {\n const dir = btn.dataset.dir;\n const newSrc = container.dataset[dir];\n if (!newSrc) return; \/\/ Si no hay imagen para esa direcci\u00f3n, no hace nada<\/p>\n<p> img.src = newSrc;\n img.alt = 'Vista ' + dir.charAt(0).toUpperCase() + dir.slice(1);<\/p>\n<p> \/\/ Marca visual del bot\u00f3n activo\n btns.forEach(b => b.classList.toggle('active', b === btn));\n });\n });\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n<\/div>\n<h2>Desarrollo urbano premium<\/h2>\n<div>Con\u00e9ctate con lo mejor de la naturaleza, sin perder las comodidades de la ciudad<\/div>\n<div>\n<p>2 torres de 12 pisos, compuestas por departamentos de 2 y 3 habitaciones desde 127 m2, con zona de servicios y amplias terrazas desde 38 m2. Una arquitectura pensada y dise\u00f1ada para brindarte una elevada calidad de vida.<\/p>\n<\/div>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/icon-arrow-right.svg\" alt=\"\"><\/p>\n<p><a href=\"#amenities-departamentos\">Nuestros Departamentos<\/a><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/icon-arrow-right.svg\" alt=\"\"><\/p>\n<p><a href=\"#amenities-comodidades\">Nuestras Comodidades<\/a><\/p>\n<\/li>\n<\/ul>\n<div>Departamento con distintos acabados<\/div>\n<div>\n<p> <!DOCTYPE html><br \/>\n<html lang=\"es\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\" \/><br \/>\n <title>Comparador de im\u00e1genes<\/title><\/p>\n<style>\n :root{\n --handle-bar:4px; \/* grosor real de la barra vertical *\/\n --handle-width:48px; \/* zona clic\u2011arrastre, incluye icono *\/\n --handle-color:#ffffff; \/* color de la barra e icono *\/\n --handle-shadow:0 0 4px rgba(0,0,0,.6);\n }<\/p>\n<p> *{box-sizing:border-box;margin:0;padding:0;}<\/p>\n<p> .compare-wrapper{\n position:relative;\n width:100%; \/* ocupa todo el ancho del contenedor *\/\n aspect-ratio:16\/9; \/* mantiene la proporci\u00f3n; opcional *\/\n overflow:hidden;\n user-select:none;\n touch-action:none;\n }<\/p>\n<p> .compare-wrapper img{\n position:absolute;\n top:0;left:0;\n width:100%;height:100%;\n object-fit:cover;\n pointer-events:none;\n }<\/p>\n<p> \/* La imagen de la izquierda (antes) va arriba\n y la recortamos con clip-path *\/\n .compare-wrapper .before{\n clip-path:inset(0 50% 0 0); \/* 50 % por defecto *\/\n transition:clip-path .05s;\n }<\/p>\n<p> \/* Barra \/ asa deslizante *\/\n .compare-wrapper .handle{\n position:absolute;\n top:0;\n left:50%;\n width:var(--handle-width);\n height:100%;\n cursor:ew-resize;\n transform:translateX(-50%);\n display:flex;\n align-items:center;\n justify-content:center;\n pointer-events:auto;\n }<\/p>\n<p> \/* L\u00ednea central (barra fina) *\/\n .compare-wrapper .handle::before{\n content:\"\";\n position:absolute;\n top:0;\n bottom:0;\n left:calc(50% - var(--handle-bar)\/2);\n width:var(--handle-bar);\n background:var(--handle-color);\n box-shadow:var(--handle-shadow);\n }<\/p>\n<p> \/* Icono de flechas dentro de c\u00edrculo *\/\n .handle .icon{\n display:flex;\n align-items:center;\n justify-content:center;\n width:32px;\n height:32px;\n background:rgba(0,0,0,.45); \/* semi-transparente para contraste *\/\n border:2px solid var(--handle-color);\n border-radius:50%;\n font-size:1rem;\n color:var(--handle-color);\n text-shadow:0 0 4px rgba(0,0,0,.7);\n user-select:none;\n pointer-events:none;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"compare-wrapper\" id=\"compare\">\n <br \/>\n <img decoding=\"async\" src=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/WOOD-WARM.webp\" alt=\"Despu\u00e9s\" class=\"after\"><br \/>\n <br \/>\n <img decoding=\"async\" src=\"https:\/\/sanpatricio.cloud.nextbitness.com\/wp-content\/uploads\/2025\/06\/2-MODERN-WHITES.webp\" alt=\"Antes\" class=\"before\"><br \/>\n <\/p>\n<div class=\"handle\"><span class=\"icon\">\u2194<\/span><\/div>\n<\/div>\n<p><script>\n (function(){\n const wrapper = document.getElementById('compare');\n const before = wrapper.querySelector('.before');\n const handle = wrapper.querySelector('.handle');<\/p>\n<p> \/\/ Devuelve la posici\u00f3n (0\u20111) del cursor dentro del wrapper\n function getPos(e){\n const rect = wrapper.getBoundingClientRect();\n const x = (e.touches ? e.touches[0].clientX : e.clientX) - rect.left;\n return Math.max(0, Math.min(1, x \/ rect.width));\n }<\/p>\n<p> function update(ratio){\n before.style.clipPath = `inset(0 ${100 - ratio*100}% 0 0)`;\n handle.style.left = `${ratio*100}%`;\n }<\/p>\n<p> \/\/ Arrastrar con mouse \/ touch\n function startDrag(e){\n e.preventDefault();\n update(getPos(e));\n window.addEventListener('mousemove', moveDrag);\n window.addEventListener('touchmove', moveDrag, {passive:false});\n window.addEventListener('mouseup', endDrag);\n window.addEventListener('touchend', endDrag);\n }\n function moveDrag(e){ update(getPos(e)); }\n function endDrag(){\n window.removeEventListener('mousemove', moveDrag);\n window.removeEventListener('touchmove', moveDrag);\n window.removeEventListener('mouseup', endDrag);\n window.removeEventListener('touchend', endDrag);\n }<\/p>\n<p> handle.addEventListener('mousedown', startDrag);\n handle.addEventListener('touchstart', startDrag, {passive:false});\n \/\/ Clic para saltar directamente\n wrapper.addEventListener('click', e => update(getPos(e)));\n })();\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n<\/div>\n<div>Visita nuestro departamento modelo recorrido 360\u00ba<\/div>\n<div>\n<p> <iframe loading=\"lazy\" src=\"https:\/\/skyviewtowers.s3.sa-east-1.amazonaws.com\/TOUR\/index.html\" width=\"100%\" height=\"500\"><\/iframe>\n<\/div>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/17.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/16.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/15.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/18.png\" alt=\"\"><\/p>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/6.png\" alt=\"\"><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/5.png\" alt=\"\"><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/7.png\" alt=\"\"><\/p>\n<\/li>\n<\/ul>\n<h2>Amenities Departamentos<\/h2>\n<div>Departamentos en San Patricio Sky View: U<span>n estilo de vida excepcional.<\/span><\/div>\n<div>\n<p><span>Departamentos, de 2 y 3 habitaciones, que cuentan con grandes ventanales que permiten disfrutar de vistas panor\u00e1micas espectaculares de la naturaleza y la monta\u00f1a desde la comodidad de tu hogar.<\/span><\/p>\n<\/div>\n<hr>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/19.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/20.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/21.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/22.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/23.png\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/24.png\" alt=\"\"><\/p>\n<ul>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/9-1.png\" alt=\"\"><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/10-1.png\" alt=\"\"><\/p>\n<\/li>\n<li>\n<p> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/8.png\" alt=\"\"><\/p>\n<\/li>\n<\/ul>\n<h2>Todas las comodidades<\/h2>\n<div><span>Sky View Towers ofrece \u00e1reas recreacionales para que prime el bienestar y la salud de sus habitantes.<\/span><\/div>\n<div>\n<p>La propuesta del proyecto es integral, ofreciendo a quienes viven all\u00ed: seguridad las 24 horas del d\u00eda, elevador de servicio, sistema inteligente de ingreso a estacionamientos en subsuelo, estaciones de recarga para veh\u00edculos el\u00e9ctricos, estacionamiento de visitas exterior, espacio para almacenamiento privado de bicicletas y sala de espera para conductores.<\/p>\n<\/div>\n<div>Cont\u00e1ctanos<\/div>\n<div>\n<p> <script type=\"module\">\n import Typebot from 'https:\/\/cdn.jsdelivr.net\/npm\/@typebot.io\/js@0.3\/dist\/web.js';<\/p>\n<p> Typebot.initStandard({ typebot: \"san-patricio-contacto-3cv4aqi\" });\n<\/script><\/p>\n<p><typebot-standard style=\"width: 100%; height: 400px; \"><\/typebot-standard>\n<\/div>\n<p><br \/>\n\\n\\n <\/p>\n<div class=\\\"viewer-container\\\" id=\\\"viewer-1\\\"\\n data-north=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Norte.png\\\"\\n data-south=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Sur.png\\\"\\n data-east=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Este.png\\\"\\n data-west=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Oeste.png\\\">\\n\\n \\n <img class=\\\"viewer-image\\\" src=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Norte.png\\\" alt=\\\"Vista Norte\\\" \\\/>\\n\\n \\n <\/p>\n<div class=\\\"compass\\\" aria-label=\\\"Selector de vista\\\">\\n <button data-dir=\\\"north\\\" aria-label=\\\"Vista Norte\\\" class=\\\"active\\\">N<\\\/button>\\n <button data-dir=\\\"east\\\" aria-label=\\\"Vista Este\\\">E<\\\/button>\\n <button data-dir=\\\"south\\\" aria-label=\\\"Vista Sur\\\">S<\\\/button>\\n <button data-dir=\\\"west\\\" aria-label=\\\"Vista Oeste\\\">O<\\\/button>\\n <\\\/div>\\n <\\\/div>\\n\\n <script>\\n \\\/\\\/ Componente reutilizable: busca todos los contenedores .viewer-container y les a\\u00f1ade la l\\u00f3gica\\n document.querySelectorAll('.viewer-container').forEach(initCompassViewer);\\n\\n function initCompassViewer(container) {\\n const img = container.querySelector('.viewer-image');\\n const btns = container.querySelectorAll('.compass button');\\n\\n btns.forEach(btn => {\\n btn.addEventListener('click', () => {\\n const dir = btn.dataset.dir;\\n const newSrc = container.dataset[dir];\\n if (!newSrc) return; \\\/\\\/ Si no hay imagen para esa direcci\\u00f3n, no hace nada\\n\\n img.src = newSrc;\\n img.alt = 'Vista ' + dir.charAt(0).toUpperCase() + dir.slice(1);\\n\\n \\\/\\\/ Marca visual del bot\\u00f3n activo\\n btns.forEach(b => b.classList.toggle('active', b === btn));\\n });\\n });\\n }\\n <\\\/script>\\n<\\\/body>\\n<\\\/html>\\n\"}}]}]}],\"name\":\"Equipment\"},{\"type\":\"section\",\"props\":{\"css\":\"@media (min-width: 1600px) {\\n .el-section > div { min-height: 200vh; }\\n}\",\"image\":\"wp-content\\\/uploads\\\/yootheme\\\/apartments-equipment-bg.png\",\"image_position\":\"bottom-center\",\"image_width\":\"2560\",\"media_visibility\":\"xl\",\"padding\":\"large\",\"padding_remove_top\":false,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"props\":{\"margin\":\"remove-vertical\",\"padding_remove_horizontal\":false},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"top-center\",\"image_size\":\"cover\",\"image_width\":\"2560\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Desarrollo urbano premium\",\"margin\":\"remove-vertical\",\"title_element\":\"h2\",\"title_style\":\"h6\"}},{\"type\":\"headline\",\"props\":{\"content\":\"Con\\u00e9ctate con lo mejor de la naturaleza, sin perder las comodidades de la ciudad\",\"margin\":\"small\",\"maxwidth\":\"large\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<p>2 torres de 12 pisos, compuestas por departamentos de 2 y 3 habitaciones desde 127 m2, con zona de servicios y amplias terrazas desde 38 m2. Una arquitectura pensada y dise\\u00f1ada para brindarte una elevada calidad de vida.<\\\/p>\",\"margin\":\"medium\",\"maxwidth\":\"2xlarge\"}},{\"type\":\"list\",\"props\":{\"column_breakpoint\":\"m\",\"content_style\":\"h3\",\"icon_width\":\"30\",\"image_align\":\"right\",\"image_svg_color\":\"emphasis\",\"image_svg_inline\":true,\"image_vertical_align\":true,\"link_style\":\"heading\",\"list_element\":\"ul\",\"list_horizontal_separator\":\", \",\"list_size\":\"large\",\"list_style\":\"divider\",\"list_type\":\"vertical\",\"margin\":\"large\",\"maxwidth\":\"large\",\"show_image\":true,\"show_link\":true},\"children\":[{\"type\":\"list_item\",\"props\":{\"content\":\"Nuestros Departamentos\",\"icon\":\"\",\"image\":\"wp-content\\\/uploads\\\/yootheme\\\/icon-arrow-right.svg\",\"link\":\"#amenities-departamentos\"}},{\"type\":\"list_item\",\"props\":{\"content\":\"Nuestras Comodidades\",\"icon\":\"\",\"image\":\"wp-content\\\/uploads\\\/yootheme\\\/icon-arrow-right.svg\",\"link\":\"#amenities-comodidades\"}}]}]}]}],\"name\":\"Equipment\"},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Departamento con distintos acabados\",\"margin\":\"small\",\"text_align\":\"center\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"es\\\">\\n<head>\\n <meta charset=\\\"UTF-8\\\" \\\/>\\n <title>Comparador de im\\u00e1genes<\\\/title>\\n <\/p>\n<style>\\n :root{\\n --handle-bar:4px; \\\/* grosor real de la barra vertical *\\\/\\n --handle-width:48px; \\\/* zona clic\\u2011arrastre, incluye icono *\\\/\\n --handle-color:#ffffff; \\\/* color de la barra e icono *\\\/\\n --handle-shadow:0 0 4px rgba(0,0,0,.6);\\n }\\n\\n *{box-sizing:border-box;margin:0;padding:0;}\\n\\n .compare-wrapper{\\n position:relative;\\n width:100%; \\\/* ocupa todo el ancho del contenedor *\\\/\\n aspect-ratio:16\\\/9; \\\/* mantiene la proporci\\u00f3n; opcional *\\\/\\n overflow:hidden;\\n user-select:none;\\n touch-action:none;\\n }\\n\\n .compare-wrapper img{\\n position:absolute;\\n top:0;left:0;\\n width:100%;height:100%;\\n object-fit:cover;\\n pointer-events:none;\\n }\\n\\n \\\/* La imagen de la izquierda (antes) va arriba\\n y la recortamos con clip-path *\\\/\\n .compare-wrapper .before{\\n clip-path:inset(0 50% 0 0); \\\/* 50 % por defecto *\\\/\\n transition:clip-path .05s;\\n }\\n\\n \\\/* Barra \\\/ asa deslizante *\\\/\\n .compare-wrapper .handle{\\n position:absolute;\\n top:0;\\n left:50%;\\n width:var(--handle-width);\\n height:100%;\\n cursor:ew-resize;\\n transform:translateX(-50%);\\n display:flex;\\n align-items:center;\\n justify-content:center;\\n pointer-events:auto;\\n }\\n\\n \\\/* L\\u00ednea central (barra fina) *\\\/\\n .compare-wrapper .handle::before{\\n content:\\\"\\\";\\n position:absolute;\\n top:0;\\n bottom:0;\\n left:calc(50% - var(--handle-bar)\\\/2);\\n width:var(--handle-bar);\\n background:var(--handle-color);\\n box-shadow:var(--handle-shadow);\\n }\\n\\n \\\/* Icono de flechas dentro de c\\u00edrculo *\\\/\\n .handle .icon{\\n display:flex;\\n align-items:center;\\n justify-content:center;\\n width:32px;\\n height:32px;\\n background:rgba(0,0,0,.45); \\\/* semi-transparente para contraste *\\\/\\n border:2px solid var(--handle-color);\\n border-radius:50%;\\n font-size:1rem;\\n color:var(--handle-color);\\n text-shadow:0 0 4px rgba(0,0,0,.7);\\n user-select:none;\\n pointer-events:none;\\n }\\n <\\\/style>\\n<\\\/head>\\n<body>\\n\\n<\/p>\n<div class=\\\"compare-wrapper\\\" id=\\\"compare\\\">\\n \\n <img src=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/WOOD-WARM.webp\\\" alt=\\\"Despu\\u00e9s\\\" class=\\\"after\\\">\\n \\n <img src=\\\"https:\\\/\\\/sanpatricio.cloud.nextbitness.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/2-MODERN-WHITES.webp\\\" alt=\\\"Antes\\\" class=\\\"before\\\">\\n \\n <\/p>\n<div class=\\\"handle\\\"><span class=\\\"icon\\\">\\u2194<\\\/span><\\\/div>\\n<\\\/div>\\n\\n<script>\\n (function(){\\n const wrapper = document.getElementById('compare');\\n const before = wrapper.querySelector('.before');\\n const handle = wrapper.querySelector('.handle');\\n\\n \\\/\\\/ Devuelve la posici\\u00f3n (0\\u20111) del cursor dentro del wrapper\\n function getPos(e){\\n const rect = wrapper.getBoundingClientRect();\\n const x = (e.touches ? e.touches[0].clientX : e.clientX) - rect.left;\\n return Math.max(0, Math.min(1, x \\\/ rect.width));\\n }\\n\\n function update(ratio){\\n before.style.clipPath = `inset(0 ${100 - ratio*100}% 0 0)`;\\n handle.style.left = `${ratio*100}%`;\\n }\\n\\n \\\/\\\/ Arrastrar con mouse \\\/ touch\\n function startDrag(e){\\n e.preventDefault();\\n update(getPos(e));\\n window.addEventListener('mousemove', moveDrag);\\n window.addEventListener('touchmove', moveDrag, {passive:false});\\n window.addEventListener('mouseup', endDrag);\\n window.addEventListener('touchend', endDrag);\\n }\\n function moveDrag(e){ update(getPos(e)); }\\n function endDrag(){\\n window.removeEventListener('mousemove', moveDrag);\\n window.removeEventListener('touchmove', moveDrag);\\n window.removeEventListener('mouseup', endDrag);\\n window.removeEventListener('touchend', endDrag);\\n }\\n\\n handle.addEventListener('mousedown', startDrag);\\n handle.addEventListener('touchstart', startDrag, {passive:false});\\n \\\/\\\/ Clic para saltar directamente\\n wrapper.addEventListener('click', e => update(getPos(e)));\\n })();\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\\n\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Visita nuestro departamento modelo recorrido 360\\u00ba\",\"margin\":\"small\",\"text_align\":\"center\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"html\",\"props\":{\"content\":\"<iframe src=\\\"https:\\\/\\\/skyviewtowers.s3.sa-east-1.amazonaws.com\\\/TOUR\\\/index.html\\\" width=\\\"100%\\\" height=\\\"500\\\"><\\\/iframe>\"}}]}]}]},{\"type\":\"section\",\"props\":{\"id\":\"amenities-departamentos\",\"image_position\":\"center-center\",\"padding\":\"none\",\"padding_remove_bottom\":false,\"padding_remove_horizontal\":false,\"padding_remove_top\":false,\"style\":\"secondary\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"large\",\"width_expand\":\"left\"},\"children\":[{\"type\":\"row\",\"props\":{\"column_gap\":\"large\",\"layout\":\"3-5,2-5\",\"padding_remove_horizontal\":false,\"row_gap\":\"collapse\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"none\",\"position_sticky_breakpoint\":\"m\",\"width_large\":\"3-5\",\"width_medium\":\"1-2\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/17.png\",\"image_loading\":false,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/16.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/15.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/18.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"large\",\"position_sticky\":\"column\",\"position_sticky_breakpoint\":\"s\",\"position_sticky_offset\":\"50vh - 50%\",\"style\":\"tile-secondary\",\"width_large\":\"2-5\",\"width_medium\":\"1-2\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"gallery\",\"props\":{\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"2\",\"grid_medium\":\"\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"small\",\"margin_remove_top\":false,\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"overlay_hover\":false,\"overlay_mode\":\"caption\",\"overlay_position\":\"center\",\"overlay_style\":\"overlay-primary\",\"overlay_transition\":\"fade\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"text_align\":\"center\",\"text_color\":\"light\",\"title_element\":\"h3\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"},\"children\":[{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/6.png\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/5.png\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/7.png\"}}]},{\"type\":\"headline\",\"props\":{\"block_align\":\"center\",\"content\":\"Amenities Departamentos\",\"margin\":\"medium\",\"margin_remove_bottom\":true,\"maxwidth\":\"large\",\"title_element\":\"h2\",\"title_style\":\"h6\"}},{\"type\":\"headline\",\"props\":{\"block_align\":\"center\",\"content\":\"Departamentos en San Patricio Sky View: U<span>n estilo de vida excepcional.<\\\/span>\",\"margin\":\"small\",\"maxwidth\":\"large\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"text\",\"props\":{\"block_align\":\"center\",\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<p><span>Departamentos, de 2 y 3 habitaciones, que cuentan con grandes ventanales que permiten disfrutar de vistas panor\\u00e1micas espectaculares de la naturaleza y la monta\\u00f1a desde la comodidad de tu hogar.<\\\/span><\\\/p>\",\"margin\":\"small\",\"margin_remove_bottom\":true,\"margin_remove_top\":false,\"maxwidth\":\"large\"}}]}]}],\"name\":\"Amenities departamentos\"},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"xsmall\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}}]}]}]},{\"type\":\"section\",\"props\":{\"id\":\"amenities-comodidades\",\"image_position\":\"center-center\",\"padding\":\"none\",\"padding_remove_bottom\":false,\"padding_remove_horizontal\":false,\"padding_remove_top\":false,\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"large\",\"width_expand\":\"left\"},\"children\":[{\"type\":\"row\",\"props\":{\"column_gap\":\"large\",\"layout\":\"3-5,2-5\",\"padding_remove_horizontal\":false,\"row_gap\":\"collapse\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"none\",\"position_sticky_breakpoint\":\"m\",\"width_large\":\"3-5\",\"width_medium\":\"1-2\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/19.png\",\"image_loading\":false,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/20.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/21.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/22.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/23.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}},{\"type\":\"image\",\"props\":{\"animation\":\"none\",\"container_padding_remove\":true,\"image\":\"wp-content\\\/uploads\\\/2025\\\/06\\\/24.png\",\"image_loading\":true,\"image_svg_color\":\"emphasis\",\"image_width\":\"1180\",\"margin\":\"remove-vertical\",\"visibility\":\"s\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"large\",\"position_sticky\":\"column\",\"position_sticky_breakpoint\":\"s\",\"position_sticky_offset\":\"50vh - 50%\",\"style\":\"card-default\",\"width_large\":\"2-5\",\"width_medium\":\"1-2\",\"width_small\":\"1-2\"},\"children\":[{\"type\":\"gallery\",\"props\":{\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"2\",\"grid_medium\":\"\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin\":\"small\",\"margin_remove_top\":false,\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"overlay_hover\":false,\"overlay_mode\":\"caption\",\"overlay_position\":\"center\",\"overlay_style\":\"overlay-primary\",\"overlay_transition\":\"fade\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"text_align\":\"center\",\"text_color\":\"light\",\"title_element\":\"h3\",\"title_hover_style\":\"reset\",\"visibility\":\"hidden-s\"},\"children\":[{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/9-1.png\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/10-1.png\"}},{\"type\":\"gallery_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2025\\\/05\\\/8.png\"}}]},{\"type\":\"headline\",\"props\":{\"block_align\":\"center\",\"content\":\"Todas las comodidades\",\"margin\":\"medium\",\"margin_remove_bottom\":true,\"maxwidth\":\"large\",\"title_element\":\"h2\",\"title_style\":\"h6\"}},{\"type\":\"headline\",\"props\":{\"block_align\":\"center\",\"content\":\"<span>Sky View Towers ofrece \\u00e1reas recreacionales para que prime el bienestar y la salud de sus habitantes.<\\\/span>\",\"margin\":\"small\",\"maxwidth\":\"large\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"text\",\"props\":{\"block_align\":\"center\",\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<p>La propuesta del proyecto es integral, ofreciendo a quienes viven all\\u00ed: seguridad las 24 horas del d\\u00eda, elevador de servicio, sistema inteligente de ingreso a estacionamientos en subsuelo, estaciones de recarga para veh\\u00edculos el\\u00e9ctricos, estacionamiento de visitas exterior, espacio para almacenamiento privado de bicicletas y sala de espera para conductores.<\\\/p>\",\"margin\":\"small\",\"margin_remove_bottom\":true,\"margin_remove_top\":false,\"maxwidth\":\"large\"}}]}]}],\"name\":\"Amenities comodides\"},{\"name\":\"Call to Action\",\"type\":\"section\",\"props\":{\"id\":\"contact\",\"image_position\":\"center-center\",\"image_size\":\"cover\",\"padding\":\"large\",\"padding_remove_bottom\":false,\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"small\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Cont\\u00e1ctanos\",\"maxwidth\":\"2xlarge\",\"position\":\"relative\",\"position_z_index\":\"1\",\"title_element\":\"div\",\"title_style\":\"heading-medium\"}},{\"type\":\"html\",\"props\":{\"content\":\"<script type=\\\"module\\\">\\n import Typebot from 'https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/@typebot.io\\\/js@0.3\\\/dist\\\/web.js';\\n\\n Typebot.initStandard({ typebot: \\\"san-patricio-contacto-3cv4aqi\\\" });\\n<\\\/script>\\n\\n<typebot-standard style=\\\"width: 100%; height: 400px; \\\"><\\\/typebot-standard>\"}}]}],\"props\":{\"column_gap\":\"collapse\"}}]}],\"version\":\"4.5.13\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sky View Towers Cont\u00e1ctanos Una propuesta \u00fanica de sofisticadas viviendas en altura.Tranquilidad, confort absoluto y la mejor vista. Visualizador 360\u00ba \u2013 Vista por puntos cardinales N E S O Desarrollo urbano premium Con\u00e9ctate con lo mejor de la naturaleza, sin perder las comodidades de la ciudad 2 torres de 12 pisos, compuestas por departamentos de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2675","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/pages\/2675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2675"}],"version-history":[{"count":47,"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/pages\/2675\/revisions"}],"predecessor-version":[{"id":2952,"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=\/wp\/v2\/pages\/2675\/revisions\/2952"}],"wp:attachment":[{"href":"https:\/\/sanpatricio.cloud.nextbitness.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Sky View Towers<\/h1>\n\n Cont\u00e1ctanos<\/a>\n <\/p>\n<\/p>\n\n\n\n<\/p>\n

Sky View Towers<\/h1>\n
\n Cont\u00e1ctanos<\/a>\n <\/p>\n<\/p>\n
$\"\"$
\n $\"\"$
\n $\"\"$
\n $\"\"$ <\/p>\n