{"id":2706,"date":"2026-09-11T16:08:14","date_gmt":"2026-09-11T16:08:14","guid":{"rendered":"https:\/\/armentanodesarrollos.com\/?page_id=2706"},"modified":"2026-09-11T16:08:37","modified_gmt":"2026-09-11T16:08:37","slug":"giol-v2","status":"publish","type":"page","link":"https:\/\/armentanodesarrollos.com\/en\/giol-v2\/","title":{"rendered":"Giol v2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2706\" class=\"elementor elementor-2706\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4636bdb e-con-full e-flex e-con e-parent\" data-id=\"4636bdb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcfe98e elementor-widget elementor-widget-html\" data-id=\"fcfe98e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  BODEGA GIOL \u2014 secci\u00f3n barra lateral + galer\u00eda \u00b7 versi\u00f3n para WordPress\r\n  ------------------------------------------------------------------\r\n  1. Las im\u00e1genes ya apuntan a las URLs de la Biblioteca de medios.\r\n  2. Peg\u00e1 TODO este bloque en un bloque \"HTML personalizado\" (Gutenberg)\r\n     o en un widget \"HTML\" de Elementor \/ m\u00f3dulo de c\u00f3digo de Divi.\r\n     Si tu tema tiene un contenedor angosto, us\u00e1 una secci\u00f3n \"ancho completo\".\r\n  3. Ideal: mover el <style> a Apariencia > Personalizar > CSS adicional\r\n     (o al style.css del tema hijo) y dejar ac\u00e1 s\u00f3lo el markup.\r\n  Fuentes: Roboto + Roboto Condensed desde Google Fonts (link incluido).\r\n-->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&family=Roboto+Condensed:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.arm-giol{\r\n  --arm-bone-50:#F5F2EC;\r\n  --arm-brick:#7C411C;\r\n  --arm-copper:#9A5625;\r\n  --text-body:#2A1503;\r\n  --text-muted:#6B5C4C;\r\n  --text-on-dark:#E3DDD2;\r\n  --border-hairline:rgba(71,37,4,.18);\r\n  --font-sans:Roboto,\"Helvetica Neue\",Arial,sans-serif;\r\n  --font-condensed:\"Roboto Condensed\",Arial Narrow,sans-serif;\r\n  display:flex;align-items:flex-start;\r\n  background:var(--arm-bone-50);color:var(--text-body);\r\n  font-family:var(--font-sans);min-height:100vh;\r\n}\r\n.arm-giol *{box-sizing:border-box;}\r\n.arm-giol__side{\r\n  position:sticky;top:0;flex:0 0 clamp(300px,27vw,400px);\r\n  min-height:100vh;max-height:100vh;overflow-y:auto;\r\n  padding:clamp(22px,3vh,42px) 36px clamp(18px,3vh,36px);\r\n  display:flex;flex-direction:column;justify-content:space-between;\r\n  gap:clamp(18px,3vh,30px);\r\n  border-right:1px solid var(--border-hairline);background:var(--arm-bone-50);\r\n}\r\n.arm-giol__top{display:flex;flex-direction:column;gap:27px;}\r\n.arm-giol__logo{width:132px;height:auto;display:block;}\r\n.arm-giol__lead{margin:0;font:300 12px\/1.55 var(--font-sans);max-width:42ch;text-wrap:pretty;}\r\n.arm-giol__lead strong{font-weight:700;}\r\n.arm-giol__meta{display:flex;flex-direction:column;gap:8px;}\r\n.arm-giol__micropolis{font:700 11px\/1.4 var(--font-sans);letter-spacing:.08em;color:var(--arm-brick);}\r\n.arm-giol__address{font:300 12px\/1.55 var(--font-sans);}\r\n.arm-giol__nucleos{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid var(--border-hairline);}\r\n.arm-giol__nucleo{display:flex;flex-direction:column;gap:5px;}\r\n.arm-giol__nucleo-title{font:700 11px\/1.4 var(--font-sans);letter-spacing:.1em;color:var(--arm-brick);}\r\n.arm-giol__nucleo-list{font:300 12px\/1.5 var(--font-condensed);letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);}\r\n.arm-giol__bottom{display:flex;flex-direction:column;gap:clamp(16px,2.4vh,24px);}\r\n.arm-giol__amenities{padding-top:clamp(14px,2vh,20px);border-top:1px solid var(--border-hairline);}\r\n.arm-giol__m2{font:300 26px\/1.05 var(--font-condensed);letter-spacing:.04em;color:var(--arm-brick);}\r\n.arm-giol__pillar{display:flex;flex-direction:column;gap:6px;}\r\n.arm-giol__pillar--wide{grid-column:1\/-1;}\r\n.arm-giol__pillar dt{margin:0;font:700 11px\/1.4 var(--font-sans);letter-spacing:.1em;color:var(--arm-brick);}\r\n.arm-giol__pillar dd{margin:0;font:300 11px\/1.5 var(--font-sans);color:var(--text-muted);}\r\n.arm-giol__facts{\r\n  display:grid;grid-template-columns:1fr 1fr;column-gap:24px;\r\n  row-gap:clamp(14px,2vh,21px);padding-top:clamp(15px,2.2vh,24px);\r\n  border-top:1px solid var(--border-hairline);\r\n}\r\n.arm-giol__fact{display:flex;flex-direction:column;gap:8px;}\r\n.arm-giol__fact dt{font:300 22px\/1.05 var(--font-condensed);color:var(--arm-brick);margin:0;}\r\n.arm-giol__fact dd{font:300 11px\/1.5 var(--font-sans);color:var(--text-muted);margin:0;}\r\n.arm-giol__main{flex:1 1 auto;min-width:0;}\r\n.arm-giol__side{transition:transform .7s cubic-bezier(.22,.61,.36,1),margin-left .7s cubic-bezier(.22,.61,.36,1),opacity .5s ease;will-change:transform,margin-left;}\r\n.arm-giol__side.is-away{transform:translateX(-100%);margin-left:calc(-1 * clamp(300px,27vw,400px));opacity:0;pointer-events:none;}\r\n.arm-giol__bar{display:flex;align-items:center;justify-content:flex-end;padding:clamp(20px,3vh,36px) 32px clamp(16px,2.4vh,24px);}\r\n.arm-giol__cta{\r\n  display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;\r\n  font:700 14px\/1 var(--font-condensed);letter-spacing:.22em;text-transform:uppercase;\r\n  color:var(--arm-brick);transition:color .3s ease;\r\n}\r\n.arm-giol__cta:hover,.arm-giol__cta:focus{color:var(--arm-copper);}\r\n.arm-giol__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;}\r\n.arm-giol__fig{margin:0;overflow:hidden;position:relative;grid-column:1\/-1;aspect-ratio:16\/9;}\r\n.arm-giol__fig--half{grid-column:auto;aspect-ratio:16\/9;}\r\n.arm-giol__fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.22,.61,.36,1);}\r\n.arm-giol__fig:hover img{transform:scale(1.04);}\r\n@media (max-width:480px){\r\n  .arm-giol__facts{grid-template-columns:1fr;}\r\n}\r\n@media (max-width:900px){\r\n  .arm-giol__side.is-away{transform:none !important;margin-left:0 !important;opacity:1 !important;pointer-events:auto !important;}\r\n  .arm-giol__side{padding:32px 24px 28px;gap:28px;}\r\n  .arm-giol__bar{padding:20px 24px 16px;}\r\n  .arm-giol{flex-direction:column;}\r\n  .arm-giol__side{position:static;flex:none;width:100%;max-height:none;min-height:0;border-right:0;border-bottom:1px solid var(--border-hairline);}\r\n  .arm-giol__grid{grid-template-columns:1fr;}\r\n  .arm-giol__fig,.arm-giol__fig--half{grid-column:auto;aspect-ratio:16\/9;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"arm-giol\">\r\n  <aside class=\"arm-giol__side\">\r\n    <div class=\"arm-giol__top\">\r\n      <img decoding=\"async\" class=\"arm-giol__logo\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2025\/10\/GIOL.png\" alt=\"Bodega Giol\">\r\n      <p class=\"arm-giol__lead\">La bodega <strong>m\u00e1s grande del mundo<\/strong>. Macroespacio patrimonial y multifuncional.<\/p>\r\n      <div class=\"arm-giol__meta\">\r\n        <div class=\"arm-giol__micropolis\">MICR\u00d3POLIS MAIP\u00da.<\/div>\r\n        <div class=\"arm-giol__m2\">50.000 m2<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <dl class=\"arm-giol__facts\">\r\n      <div class=\"arm-giol__pillar\"><dt>ORIGEN Y DESTINO<\/dt><dd>Origen como legado patrimonial e hist\u00f3rico, Destino como nueva centralidad urbana y comunidad activa.<\/dd><\/div>\r\n      <div class=\"arm-giol__pillar\"><dt>ESCALA MAYORISTA<\/dt><dd>L\u00f3gica orientada al volumen y al flujo constante de personas.<\/dd><\/div>\r\n      <div class=\"arm-giol__pillar arm-giol__pillar--wide\"><dt>VERSATILIDAD ESTRUCTURAL<\/dt><dd>Grandes naves y espacios para usos flexibles.<\/dd><\/div>\r\n    <\/dl>\r\n  <\/aside>\r\n\r\n  <div class=\"arm-giol__main\">\r\n    <div class=\"arm-giol__bar\">\r\n      <a class=\"arm-giol__cta\" href=\"https:\/\/bodegagiol.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ver el proyecto <span aria-hidden=\"true\">&#8594;<\/span><\/a>\r\n    <\/div>\r\n\r\n    <div class=\"arm-giol__grid\">\r\n      <figure class=\"arm-giol__fig\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2025\/10\/Giol-05.png\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n      <figure class=\"arm-giol__fig\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-11-2026-01_02_28-PM.webp\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n      <figure class=\"arm-giol__fig\" data-giol-sentinel=\"true\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-11-2026-01_04_07-PM.webp\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n      <figure class=\"arm-giol__fig\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2026\/06\/31032026-DSC00652_11zon-1536x1024.webp\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n      <figure class=\"arm-giol__fig\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2026\/02\/25-01-Giol-Armentano-%C2%A9-Luis-Abba-2-1-1536x1152.jpg\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n      <figure class=\"arm-giol__fig arm-giol__fig--half\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2026\/06\/31032026-DSC00647_11zon-1536x1024.webp\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n      <figure class=\"arm-giol__fig arm-giol__fig--half\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2025\/10\/Giol-06.png\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n      <figure class=\"arm-giol__fig\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2025\/10\/Giol_Mesa-de-trabajo-1-copia-5.png\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n      <figure class=\"arm-giol__fig\">\r\n        <img decoding=\"async\" src=\"https:\/\/armentanodesarrollos.com\/wp-content\/uploads\/2026\/09\/giolll.png\" alt=\"Bodega Giol\" loading=\"lazy\">\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var side=document.querySelector('.arm-giol__side'),\r\n      mark=document.querySelector('[data-giol-sentinel]'),\r\n      OFFSET=80,HYST=220,T=null,raf=0;\r\n  if(!side||!mark)return;\r\n  function measure(){ if(side.classList.contains('is-away'))return;\r\n    T=mark.getBoundingClientRect().top+window.scrollY-OFFSET; }\r\n  function tick(){raf=0;\r\n    if(window.innerWidth<=900){side.classList.remove('is-away');T=null;return;}\r\n    if(T===null)measure();\r\n    if(T===null)return;\r\n    var y=window.scrollY;\r\n    if(side.classList.contains('is-away')){ if(y<T-HYST)side.classList.remove('is-away'); }\r\n    else if(y>=T){ side.classList.add('is-away'); } }\r\n  function onScroll(){if(!raf)raf=requestAnimationFrame(tick);}\r\n  function onResize(){side.classList.remove('is-away');T=null;onScroll();}\r\n  window.addEventListener('scroll',onScroll,{passive:true});\r\n  window.addEventListener('resize',onResize,{passive:true});\r\n  tick();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","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-2706","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/armentanodesarrollos.com\/en\/wp-json\/wp\/v2\/pages\/2706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/armentanodesarrollos.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/armentanodesarrollos.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/armentanodesarrollos.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/armentanodesarrollos.com\/en\/wp-json\/wp\/v2\/comments?post=2706"}],"version-history":[{"count":4,"href":"https:\/\/armentanodesarrollos.com\/en\/wp-json\/wp\/v2\/pages\/2706\/revisions"}],"predecessor-version":[{"id":2716,"href":"https:\/\/armentanodesarrollos.com\/en\/wp-json\/wp\/v2\/pages\/2706\/revisions\/2716"}],"wp:attachment":[{"href":"https:\/\/armentanodesarrollos.com\/en\/wp-json\/wp\/v2\/media?parent=2706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}