{"id":1343,"date":"2025-06-12T10:42:55","date_gmt":"2025-06-12T10:42:55","guid":{"rendered":"https:\/\/edificiokoi.com\/?page_id=1343"},"modified":"2025-06-12T11:08:01","modified_gmt":"2025-06-12T11:08:01","slug":"sustainability2","status":"publish","type":"page","link":"https:\/\/edificiokoi.com\/en\/sustainability2\/","title":{"rendered":"Sustainability2"},"content":{"rendered":"\n<!-- CONTENEDOR PRINCIPAL -->\n<style>\n\/* Forzar la fuente Caviar Dreams en esta secci\u00f3n *\/\n.contenido-koi, .contenido-koi * {\n font-family: 'Poppins', sans-serif; !important;\n  font-weight: 300;\n  font-style: normal;\n  font-size: 16px;\n  line-height: 19.2px;\n  letter-spacing: 0;\n}\n.contenido-koi strong {\n  font-weight: 600 !important; \/* o bold *\/\n}\n<\/style>\n\n<div class=\"contenido-koi\">\n  <!-- Columna 1 -->\n  <div class=\"koi-col\">\n    <img decoding=\"async\" src=\"https:\/\/koioriginal.susanamartin.com\/wp-content\/uploads\/2024\/09\/LEED_PLATINUM_2024.png\" alt=\"LEED\" style=\"max-width: 120px; margin-bottom: 20px;\">\n    <p style=\"font-size: 15px; text-align: justify;\">\n     KOI emerges as a benchmark in energy efficiency and environmental quality\u00a0<strong>seeking<\/strong>, through different strategies, <strong>to obtain LEED certification and reach the highest level: LEED Platinum<\/strong>.\n\nAssets with this level of certification save energy, water and resources, in addition to generating less waste and promoting the health and well-being of users.\n\n    <\/p>\n  <\/div>\n\n  <!-- Columna 2 -->\n  <div class=\"koi-col\">\n    <div class=\"video-preview\">\n      <svg viewBox=\"0 0 400 150\" class=\"video-text\">\n        <defs>\n          <path id=\"topArc\" d=\"M20,150 A180,180 0 0,1 380,150\" \/>\n          <path id=\"topArcMobile\" d=\"M40,130 A160,160 0 0,1 360,130\" \/>\n        <\/defs>\n        <text fill=\"#466d65\" font-size=\"20\" font-weight=\"500\" letter-spacing=\"2\">\n          <textPath class=\"desktop-arc\" href=\"#topArc\" startOffset=\"50%\" text-anchor=\"middle\">\n         \tHARMONY BETWEEN NATURE AND WELL-BEING\n          <\/textPath>\n          <textPath class=\"mobile-arc\" href=\"#topArcMobile\" startOffset=\"50%\" text-anchor=\"middle\">\n       \n\t\t\t\n\t\t\t\n          <\/textPath>\n        <\/text>\n      <\/svg>\n      <img decoding=\"async\" src=\"https:\/\/koioriginal.susanamartin.com\/wp-content\/uploads\/elementor\/thumbs\/armonia-1-r72fg010zyjujyuh9hzo9vxuw0j06ivrun6ulu6phk.png\" alt=\"Imagen circular\">\n      <div class=\"play-button open-modal\"><div><\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Columna 3 -->\n  <div class=\"koi-col\">\n    <img decoding=\"async\" src=\"https:\/\/koioriginal.susanamartin.com\/wp-content\/uploads\/2021\/12\/selloWell.png\" alt=\"WELL\" style=\"max-width: 120px; margin-bottom: 20px;\">\n    <p style=\"font-size: 15px; text-align: justify;\">\n      The WELL certification focuses on seeking strategies that promote the health and well-being of users. <strong>Koi seeks to obtain this certification and sets as a goal to obtain the highest level of this certification: WELL Platinum<\/strong>.\n\tThe building features focus on providing better air quality, lighting, water, mind, health and community.\n      <br><br><a href=\"#\" style=\"font-weight: bold; text-decoration: underline;\">Ver Gu\u00eda WELL<\/a>\n\t  \n\t  \n\n\t  \n\t  \n    <\/p>\n  <\/div>\n<\/div>\n\n<!-- GRID DE IM\u00c1GENES -->\n<div class=\"grid-sostenibilidad\">\n  <img decoding=\"async\" src=\"https:\/\/edificiokoi.com\/wp-content\/uploads\/2021\/12\/gridSosteibilidad1.jpg\" alt=\"Imagen 1\">\n  <img decoding=\"async\" src=\"https:\/\/edificiokoi.com\/wp-content\/uploads\/2021\/12\/gridSosteibilidad2.jpg\" alt=\"Imagen 2\">\n  <img decoding=\"async\" src=\"https:\/\/edificiokoi.com\/wp-content\/uploads\/2021\/12\/gridSosteibilidad3.jpg\" alt=\"Imagen 3\">\n<\/div>\n\n<!-- MODAL VIDEO -->\n<div id=\"videoModal\" class=\"modal\">\n  <div class=\"modal-content\">\n    <span class=\"close-modal\">&times;<\/span>\n    <iframe id=\"videoIframe\" src=\"\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n  <\/div>\n<\/div>\n\n<!-- ESTILOS -->\n<style>\n.contenido-koi,\n.grid-sostenibilidad {\n  width: 100%;\n  margin: 60px auto;\n  padding: 0 20px;\n  overflow: visible;\n}\n\n@media (min-width: 768px) {\n  .contenido-koi,\n  .grid-sostenibilidad {\n    max-width: 1200px;\n  }\n\n  .contenido-koi {\n    margin-top: 160px; \/* Aumentado para escritorio *\/\n  }\n}\n\n.contenido-koi {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 2%;\n}\n\n.koi-col {\n  flex: 1 1 31%;\n  max-width: 31%;\n  text-align: center;\n  overflow: visible;\n}\n\n.video-preview {\n  position: relative;\n  width: 300px;\n  height: 300px;\n  margin: 0 auto;\n  overflow: visible;\n  z-index: 1;\n}\n\n.video-preview img {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  object-fit: cover;\n}\n\n.video-text {\n  position: absolute;\n  top: -45px;\n  left: -50px;\n  width: 400px;\n  height: 262px;\n  z-index: 2;\n  pointer-events: none;\noverflow: visible;\n}\n\n.play-button {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: rgba(255, 255, 255, 0.85);\n  border-radius: 20px;\n  width: 90px;\n  height: 90px;\n  cursor: pointer;\n  z-index: 3;\n}\n\n.play-button div {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0;\n  height: 0;\n  border-left: 35px solid #444;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n}\n\n.grid-sostenibilidad {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 60px;\n}\n\n.grid-sostenibilidad img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 8px;\n}\n\n\/* MODAL *\/\n.modal {\n  display: none;\n  position: fixed;\n  z-index: 9999;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0,0,0,0.8);\n}\n\n.modal-content {\n  position: relative;\n  margin: 5% auto;\n  width: 90%;\n  max-width: 800px;\n  height: 0;\n  padding-bottom: 56.25%;\n}\n\n.modal-content iframe {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.close-modal {\n  position: absolute;\n  top: -40px;\n  right: 0;\n  color: white;\n  font-size: 30px;\n  font-weight: bold;\n  cursor: pointer;\n}\n\n\/* RESPONSIVE - M\u00d3VIL VERTICAL Y HORIZONTAL *\/\n@media (max-width: 767px) {\n  .contenido-koi {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .koi-col {\n    flex: 1 1 100%;\n    max-width: 100%;\n    margin-bottom: 40px;\n  }\n\n  .video-preview {\n  width: 80vw;\n  aspect-ratio: 1 \/ 1; \/* \u2705 mantiene el c\u00edrculo perfecto *\/\n  margin-top: 60px;\n  position: relative;\n  overflow: visible !important;\n  height: auto; \/* \u2705 elimina height fijo *\/\n}\n\n  .video-text {\n    width: 100%;\n    height: auto;\n    position: absolute;\n    top: 1vw;  \/* Bajado para que no se corte *\/\n    left: 0;\n  }\n\n  .play-button {\n    width: 60px;\n    height: 60px;\n  }\n\n  .play-button div {\n    border-left: 25px solid #444;\n    border-top: 15px solid transparent;\n    border-bottom: 15px solid transparent;\n  }\n\n  .grid-sostenibilidad {\n    grid-template-columns: 1fr;\n  }\n\n  .desktop-arc {\n    display: none;\n  }\n\n  .mobile-arc {\n    display: inline;\n  }\n}\n\n\/* Desktop default: mostrar solo texto curvado original *\/\n.desktop-arc {\n  display: inline;\n}\n\n.mobile-arc {\n  display: none;\n}\n<\/style>\n\n<!-- SCRIPT VIDEO -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const openBtn = document.querySelector(\".open-modal\");\n  const modal = document.getElementById(\"videoModal\");\n  const iframe = document.getElementById(\"videoIframe\");\n  const closeBtn = document.querySelector(\".close-modal\");\n\n  openBtn.addEventListener(\"click\", function () {\n    modal.style.display = \"block\";\n    iframe.src = \"https:\/\/www.youtube.com\/embed\/5-BoV1nhSdo?autoplay=1\";\n  });\n\n  closeBtn.addEventListener(\"click\", function () {\n    modal.style.display = \"none\";\n    iframe.src = \"\";\n  });\n\n  window.addEventListener(\"click\", function (e) {\n    if (e.target === modal) {\n      modal.style.display = \"none\";\n      iframe.src = \"\";\n    }\n  });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>KOI emerges as a benchmark in energy efficiency and environmental quality\u00a0seeking, through different strategies, to obtain LEED certification and reach the highest level: LEED Platinum. Assets with this level of certification save energy, water and resources, in addition to generating less waste and promoting the health and well-being of users. HARMONY BETWEEN NATURE AND WELL-BEING [&hellip;]<\/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-1343","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/edificiokoi.com\/en\/wp-json\/wp\/v2\/pages\/1343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edificiokoi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edificiokoi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edificiokoi.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edificiokoi.com\/en\/wp-json\/wp\/v2\/comments?post=1343"}],"version-history":[{"count":2,"href":"https:\/\/edificiokoi.com\/en\/wp-json\/wp\/v2\/pages\/1343\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/edificiokoi.com\/en\/wp-json\/wp\/v2\/pages\/1343\/revisions\/1352"}],"wp:attachment":[{"href":"https:\/\/edificiokoi.com\/en\/wp-json\/wp\/v2\/media?parent=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}