{"id":763,"date":"2026-06-15T10:22:29","date_gmt":"2026-06-15T10:22:29","guid":{"rendered":"https:\/\/hydrogenorg.ch\/?page_id=763"},"modified":"2026-07-13T11:25:19","modified_gmt":"2026-07-13T11:25:19","slug":"hoja-de-ruta-de-vision","status":"publish","type":"page","link":"https:\/\/hydrogenorg.ch\/es\/vision-roadmap\/","title":{"rendered":"Visi\u00f3n y Hoja de Ruta"},"content":{"rendered":"<!-- =========================================================\r\n     HYDROGENORG.CH\r\n     SNIPPET 317 \u2014 GLOBAL NAVIGATION\r\n     VERSIONE COMPLETA E CORRETTA\r\n========================================================= -->\r\n\r\n<header id=\"h2-global-header\" class=\"h2-global-header\">\r\n\r\n  <div class=\"h2-global-nav\">\r\n\r\n    <div class=\"h2-global-nav-inner\">\r\n\r\n      <!-- LOGO -->\r\n      <a\r\n        class=\"h2-global-logo\"\r\n        href=\"\/es\/\"\r\n        aria-label=\"HydrogenOrg Inicio\"\r\n      >\r\n\r\n        <div\r\n          class=\"h2-global-logo-mark\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n        <div class=\"h2-global-logo-text\">\r\n\r\n          <div class=\"h2-global-logo-title\">\r\n            HIDR\u00d3GENO<span>ORG.CH<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"h2-global-logo-sub\">\r\n            RED DE ENERG\u00cdA REGENERATIVA\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n      <!-- \/LOGO -->\r\n\r\n\r\n      <!-- MOBILE MENU BUTTON -->\r\n      <button\r\n        class=\"h2-global-menu-toggle\"\r\n        type=\"button\"\r\n        aria-label=\"Abrir men\u00fa de navegaci\u00f3n\"\r\n        aria-controls=\"h2-global-menu\"\r\n        aria-expanded=\"false\"\r\n      >\r\n\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n\r\n      <\/button>\r\n      <!-- \/MOBILE MENU BUTTON -->\r\n\r\n\r\n      <!-- NAVIGATION -->\r\n      <nav\r\n        id=\"h2-global-menu\"\r\n        class=\"h2-global-menu\"\r\n        aria-label=\"HydrogenOrg Navegaci\u00f3n Global\"\r\n      >\r\n\r\n        <a href=\"\/es\/\">\r\n          Inicio\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/plataforma-abierta-de-desafios-cientificos\/\">\r\n          Desaf\u00edos\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/simulador-de-investigacion-integrada-de-hydrogenorg\/\">\r\n          Simulador Integrado\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/infraestructura-de-simulacion-abierta\/\">\r\n          Simulaci\u00f3n\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/marco-del-reactor-de-plasma-de-vapor\/\">\r\n  Plasma\r\n<\/a>\r\n\r\n<a href=\"\/es\/arquitectura-de-investigacion-del-nucleo-de-energia-de-plasma-hydrogenorg-v1\/\">\r\n  N\u00facleo de Plasma\r\n<\/a>\r\n\r\n<a href=\"\/es\/sistemas-geotermicos-avanzados\/\">\r\n  Geot\u00e9rmica\r\n<\/a>\r\n\r\n        <a href=\"\/es\/sistema-de-ingenieria-de-desalinizacion-geotermica\/\">\r\n          Ingenier\u00eda de Desalaci\u00f3n\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/sistemas-de-desalinizacion-geotermica-de-plasma\/\">\r\n          Desalinizaci\u00f3n por Plasma\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/sistema-hibrido-marino-electrico-de-plasma-de-circuito-cerrado-de-h2\/\">\r\n          Marina H2\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/sistemas-de-regeneracion-atmosferica\/\">\r\n          Atm\u00f3sfera\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/redes-de-infraestructura-de-hidrogeno\/\">\r\n          Infraestructura\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/gobernanza-cientifica-de-la-ia\/\">\r\n          Gobernanza de IA\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/sobre-la-gobernanza-de-hydrogenorg\/\">\r\n          Gobernanza\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/comunidad\/\">\r\n          Comunidad\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/hoja-de-ruta-de-vision\/\">\r\n          Visi\u00f3n\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/membership-support\/\">\r\n          Membres\u00eda\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/patrocinar-un-desafio\/\">\r\n          Patrocinador\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/para-socios-financiadores\/\">\r\n          Socios y Financiadores\r\n        <\/a>\r\n\r\n        <a href=\"\/es\/contacto\/\">\r\n          Contacto\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"\/es\/unirse\/\"\r\n          class=\"h2-global-join\"\r\n        >\r\n          Unirse\r\n        <\/a>\r\n\r\n      <\/nav>\r\n      <!-- \/NAVIGATION -->\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL HEADER\r\n========================================================= *\/\r\n\r\n#h2-global-header,\r\n#h2-global-header *,\r\n#h2-global-header *::before,\r\n#h2-global-header *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#h2-global-header{\r\n  width:100%;\r\n  position:relative;\r\n  z-index:99999;\r\n  margin:0;\r\n  padding:0;\r\n  font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.h2-global-nav{\r\n  width:100%;\r\n  position:relative;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(4,12,27,.98) 0%,\r\n      rgba(2,7,17,.98) 100%\r\n    );\r\n  border-bottom:1px solid rgba(255,255,255,.09);\r\n  box-shadow:0 12px 35px rgba(0,0,0,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTAINER\r\n========================================================= *\/\r\n\r\n.h2-global-nav-inner{\r\n  width:100%;\r\n  max-width:1560px;\r\n  min-height:104px;\r\n  margin:0 auto;\r\n  padding:15px 30px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.h2-global-logo{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:17px;\r\n\r\n  min-width:max-content;\r\n  flex-shrink:0;\r\n\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n  outline:none;\r\n}\r\n\r\n.h2-global-logo:hover,\r\n.h2-global-logo:focus,\r\n.h2-global-logo:visited{\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n}\r\n\r\n.h2-global-logo-mark{\r\n  width:62px;\r\n  height:62px;\r\n  flex:0 0 62px;\r\n\r\n  position:relative;\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(255,255,255,1) 0%,\r\n      rgba(202,248,255,.95) 7%,\r\n      rgba(53,214,255,.85) 19%,\r\n      rgba(72,142,255,.48) 39%,\r\n      rgba(29,80,168,.16) 56%,\r\n      rgba(0,0,0,0) 72%\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 13px rgba(53,214,255,.38),\r\n    0 0 31px rgba(53,214,255,.25);\r\n}\r\n\r\n.h2-global-logo-mark::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:11px;\r\n\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.38);\r\n\r\n  box-shadow:\r\n    inset 0 0 11px rgba(255,255,255,.22),\r\n    0 0 12px rgba(53,214,255,.2);\r\n}\r\n\r\n.h2-global-logo-mark::after{\r\n  content:\"H\u2082\";\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:16px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  color:#ffffff;\r\n  text-shadow:0 0 9px rgba(53,214,255,.9);\r\n}\r\n\r\n.h2-global-logo-text{\r\n  display:block;\r\n}\r\n\r\n.h2-global-logo-title{\r\n  margin:0;\r\n  padding:0;\r\n\r\n  font-size:23px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:#ffffff;\r\n}\r\n\r\n.h2-global-logo-title span{\r\n  color:#6bd14a;\r\n}\r\n\r\n.h2-global-logo-sub{\r\n  margin-top:8px;\r\n\r\n  font-size:10px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n  letter-spacing:3.1px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:rgba(255,255,255,.63);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP MENU\r\n========================================================= *\/\r\n\r\n.h2-global-menu{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-end;\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px 13px;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n.h2-global-menu a{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin:0;\r\n  padding:8px 0;\r\n\r\n  font-size:10px;\r\n  line-height:1.15;\r\n  font-weight:900;\r\n  letter-spacing:.52px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n\r\n  color:rgba(255,255,255,.80);\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    color .2s ease,\r\n    background-color .2s ease,\r\n    border-color .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.h2-global-menu a::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:2px;\r\n\r\n  height:1px;\r\n  width:0;\r\n  margin:auto;\r\n\r\n  background:#35d6ff;\r\n\r\n  transition:width .2s ease;\r\n}\r\n\r\n.h2-global-menu a:hover,\r\n.h2-global-menu a:focus{\r\n  color:#35d6ff;\r\n  text-decoration:none;\r\n}\r\n\r\n.h2-global-menu a:hover::after,\r\n.h2-global-menu a:focus::after{\r\n  width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOIN BUTTON\r\n========================================================= *\/\r\n\r\n.h2-global-menu .h2-global-join{\r\n  min-height:40px;\r\n  padding:11px 17px;\r\n\r\n  border:1px solid rgba(107,209,74,.72);\r\n  border-radius:5px;\r\n\r\n  background:rgba(107,209,74,.07);\r\n  color:#ffffff !important;\r\n\r\n  box-shadow:\r\n    inset 0 0 18px rgba(107,209,74,.04),\r\n    0 0 15px rgba(107,209,74,.05);\r\n}\r\n\r\n.h2-global-menu .h2-global-join::after{\r\n  display:none;\r\n}\r\n\r\n.h2-global-menu .h2-global-join:hover,\r\n.h2-global-menu .h2-global-join:focus{\r\n  background:#6bd14a;\r\n  border-color:#6bd14a;\r\n  color:#021018 !important;\r\n  transform:translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n========================================================= *\/\r\n\r\n.h2-global-menu-toggle{\r\n  display:none;\r\n\r\n  width:48px;\r\n  height:44px;\r\n  flex:0 0 48px;\r\n\r\n  padding:10px;\r\n  margin:0;\r\n\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-radius:5px;\r\n\r\n  background:rgba(255,255,255,.04);\r\n  cursor:pointer;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n}\r\n\r\n.h2-global-menu-toggle span{\r\n  display:block;\r\n  width:100%;\r\n  height:2px;\r\n  margin:5px 0;\r\n\r\n  border-radius:4px;\r\n  background:#ffffff;\r\n\r\n  transform-origin:center;\r\n  transition:\r\n    transform .22s ease,\r\n    opacity .22s ease;\r\n}\r\n\r\n.h2-global-menu-toggle:hover,\r\n.h2-global-menu-toggle:focus{\r\n  border-color:rgba(53,214,255,.65);\r\n  outline:none;\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(1){\r\n  transform:translateY(7px) rotate(45deg);\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(2){\r\n  opacity:0;\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(3){\r\n  transform:translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MEDIUM DESKTOP\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1380px){\r\n\r\n  .h2-global-nav-inner{\r\n    padding-left:22px;\r\n    padding-right:22px;\r\n    gap:22px;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:54px;\r\n    height:54px;\r\n    flex-basis:54px;\r\n  }\r\n\r\n  .h2-global-logo-title{\r\n    font-size:20px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    font-size:9px;\r\n    letter-spacing:2.4px;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    gap:8px 11px;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    font-size:9px;\r\n    letter-spacing:.42px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET AND MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1100px){\r\n\r\n  .h2-global-nav-inner{\r\n    min-height:86px;\r\n    padding:15px 20px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .h2-global-menu-toggle{\r\n    display:block;\r\n    margin-left:auto;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    display:none;\r\n\r\n    width:100%;\r\n    flex:0 0 100%;\r\n\r\n    margin-top:4px;\r\n    padding:14px;\r\n\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n    justify-content:flex-start;\r\n    gap:4px;\r\n\r\n    border:1px solid rgba(255,255,255,.09);\r\n    border-radius:7px;\r\n\r\n    background:rgba(4,12,27,.99);\r\n    box-shadow:0 18px 35px rgba(0,0,0,.28);\r\n  }\r\n\r\n  .h2-global-menu.is-open{\r\n    display:flex;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    width:100%;\r\n    min-height:42px;\r\n\r\n    justify-content:flex-start;\r\n\r\n    padding:12px 13px;\r\n\r\n    font-size:11px;\r\n    letter-spacing:.6px;\r\n\r\n    border-bottom:1px solid rgba(255,255,255,.055);\r\n  }\r\n\r\n  .h2-global-menu a:last-child{\r\n    border-bottom:none;\r\n  }\r\n\r\n  .h2-global-menu a::after{\r\n    display:none;\r\n  }\r\n\r\n  .h2-global-menu .h2-global-join{\r\n    justify-content:center;\r\n    margin-top:9px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:600px){\r\n\r\n  .h2-global-nav-inner{\r\n    min-height:76px;\r\n    padding:12px 14px;\r\n    gap:10px;\r\n  }\r\n\r\n  .h2-global-logo{\r\n    gap:10px;\r\n    min-width:0;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:46px;\r\n    height:46px;\r\n    flex-basis:46px;\r\n  }\r\n\r\n  .h2-global-logo-mark::after{\r\n    font-size:13px;\r\n  }\r\n\r\n  .h2-global-logo-title{\r\n    font-size:17px;\r\n    letter-spacing:.5px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    margin-top:5px;\r\n    font-size:7px;\r\n    letter-spacing:1.4px;\r\n    white-space:normal;\r\n  }\r\n\r\n  .h2-global-menu-toggle{\r\n    width:43px;\r\n    height:40px;\r\n    flex-basis:43px;\r\n    padding:8px;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    padding:10px;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:390px){\r\n\r\n  .h2-global-logo-title{\r\n    font-size:15px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    display:none;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:42px;\r\n    height:42px;\r\n    flex-basis:42px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \"use strict\";\r\n\r\n  function initializeHydrogenOrgNavigation(){\r\n\r\n    var header = document.getElementById(\"h2-global-header\");\r\n    var menu = document.getElementById(\"h2-global-menu\");\r\n\r\n    if(!header || !menu){\r\n      return;\r\n    }\r\n\r\n    var toggle = header.querySelector(\".h2-global-menu-toggle\");\r\n\r\n    if(!toggle){\r\n      return;\r\n    }\r\n\r\n    function openMenu(){\r\n\r\n      menu.classList.add(\"is-open\");\r\n      toggle.classList.add(\"is-active\");\r\n\r\n      toggle.setAttribute(\"aria-expanded\",\"true\");\r\n      toggle.setAttribute(\"aria-label\",\"Close navigation menu\");\r\n\r\n    }\r\n\r\n    function closeMenu(){\r\n\r\n      menu.classList.remove(\"is-open\");\r\n      toggle.classList.remove(\"is-active\");\r\n\r\n      toggle.setAttribute(\"aria-expanded\",\"false\");\r\n      toggle.setAttribute(\"aria-label\",\"Open navigation menu\");\r\n\r\n    }\r\n\r\n    function toggleMenu(){\r\n\r\n      if(menu.classList.contains(\"is-open\")){\r\n        closeMenu();\r\n      }else{\r\n        openMenu();\r\n      }\r\n\r\n    }\r\n\r\n    toggle.addEventListener(\"click\",function(event){\r\n\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n\r\n      toggleMenu();\r\n\r\n    });\r\n\r\n    var menuLinks = menu.querySelectorAll(\"a\");\r\n\r\n    menuLinks.forEach(function(link){\r\n\r\n      link.addEventListener(\"click\",function(){\r\n\r\n        if(window.innerWidth <= 1100){\r\n          closeMenu();\r\n        }\r\n\r\n      });\r\n\r\n    });\r\n\r\n    document.addEventListener(\"click\",function(event){\r\n\r\n      if(\r\n        window.innerWidth <= 1100 &&\r\n        menu.classList.contains(\"is-open\") &&\r\n        !header.contains(event.target)\r\n      ){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n    document.addEventListener(\"keydown\",function(event){\r\n\r\n      if(event.key === \"Escape\"){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n    window.addEventListener(\"resize\",function(){\r\n\r\n      if(window.innerWidth > 1100){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if(document.readyState === \"loading\"){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initializeHydrogenOrgNavigation\r\n    );\r\n\r\n  }else{\r\n\r\n    initializeHydrogenOrgNavigation();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- =========================================================\r\n     FINE SNIPPET 317 \u2014 GLOBAL NAVIGATION\r\n========================================================= -->\n\n\n<div id=\"hydrogenorg-vision-roadmap-light\">\n\n<style>\n#hydrogenorg-vision-roadmap-light{\n  --vr-ink:#0b1724;\n  --vr-muted:#587084;\n  --vr-soft:#f4f8fb;\n  --vr-line:#d8e5ee;\n  --vr-cyan:#0ea5d8;\n  --vr-green:#49a52e;\n  --vr-orange:#f36b19;\n  --vr-dark:#06111f;\n  --vr-white:#ffffff;\n\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  overflow:hidden;\n  background:#ffffff;\n  color:var(--vr-ink);\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n#hydrogenorg-vision-roadmap-light,\n#hydrogenorg-vision-roadmap-light *{\n  box-sizing:border-box;\n}\n\n#hydrogenorg-vision-roadmap-light a{\n  text-decoration:none!important;\n}\n\n.vr-inner{\n  width:100%;\n  max-width:1480px;\n  margin:0 auto;\n  padding-left:48px;\n  padding-right:48px;\n}\n\n.vr-section{\n  position:relative;\n  padding:96px 0;\n  border-bottom:1px solid var(--vr-line);\n}\n\n.vr-section-white{\n  background:#ffffff;\n}\n\n.vr-section-soft{\n  background:\n    radial-gradient(circle at 88% 18%,rgba(14,165,216,.10),transparent 28%),\n    radial-gradient(circle at 12% 82%,rgba(73,165,46,.09),transparent 28%),\n    linear-gradient(180deg,#f4f8fb 0%,#ffffff 100%);\n}\n\n.vr-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  color:var(--vr-green);\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:2.2px;\n  text-transform:uppercase;\n}\n\n.vr-kicker::before{\n  content:\"\";\n  width:46px;\n  height:2px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-heading{\n  max-width:980px;\n  margin:0 auto 48px;\n  text-align:center;\n}\n\n.vr-heading h2{\n  margin:18px 0 16px;\n  color:var(--vr-ink);\n  font-size:44px;\n  line-height:1.12;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-heading h2 span{\n  color:var(--vr-cyan);\n}\n\n.vr-heading p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.vr-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n.vr-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 26px;\n  border-radius:7px;\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n  transition:all .18s ease;\n}\n\n.vr-btn-primary{\n  background:linear-gradient(90deg,var(--vr-green),#6ed84e);\n  color:#06111f!important;\n  border:1px solid rgba(73,165,46,.45);\n  box-shadow:0 14px 34px rgba(73,165,46,.20);\n}\n\n.vr-btn-primary:hover{\n  transform:translateY(-1px);\n  box-shadow:0 18px 42px rgba(73,165,46,.26);\n}\n\n.vr-btn-outline{\n  background:#ffffff;\n  color:var(--vr-ink)!important;\n  border:1px solid rgba(14,165,216,.28);\n}\n\n.vr-btn-outline:hover{\n  color:var(--vr-cyan)!important;\n  border-color:rgba(14,165,216,.55);\n  transform:translateY(-1px);\n}\n\n.vr-hero{\n  position:relative;\n  min-height:calc(100vh - 90px);\n  display:flex;\n  align-items:center;\n  background:\n    radial-gradient(circle at 84% 50%,rgba(14,165,216,.16),transparent 32%),\n    radial-gradient(circle at 16% 20%,rgba(73,165,46,.10),transparent 28%),\n    linear-gradient(90deg,#ffffff 0%,#f4f8fb 100%);\n  border-bottom:1px solid var(--vr-line);\n}\n\n.vr-hero::before{\n  content:\"VISION ROADMAP\";\n  position:absolute;\n  left:-24px;\n  top:112px;\n  color:rgba(11,23,36,.045);\n  font-size:76px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:10px;\n  text-transform:uppercase;\n  white-space:nowrap;\n  pointer-events:none;\n}\n\n.vr-hero-layout{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:58px;\n  align-items:center;\n  padding:76px 0;\n}\n\n.vr-hero-copy{\n  max-width:720px;\n}\n\n.vr-hero-copy h1{\n  margin:28px 0 28px;\n  color:var(--vr-ink);\n  font-size:70px;\n  line-height:.98;\n  font-weight:900;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n}\n\n.vr-hero-copy h1 span{\n  color:var(--vr-cyan);\n}\n\n.vr-hero-line{\n  width:96px;\n  height:3px;\n  margin:0 0 34px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-hero-copy p{\n  margin:0 0 24px;\n  color:var(--vr-ink);\n  font-size:20px;\n  line-height:1.7;\n}\n\n.vr-hero-copy p.vr-hero-strong{\n  color:var(--vr-green);\n  font-weight:900;\n}\n\n.vr-hero-note{\n  margin-top:28px;\n  padding:20px 22px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid rgba(14,165,216,.20);\n  box-shadow:0 16px 42px rgba(15,55,85,.08);\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.65;\n}\n\n.vr-hero-note strong{\n  color:var(--vr-cyan);\n}\n\n.vr-hero-visual{\n  position:relative;\n}\n\n.vr-vision-panel{\n  position:relative;\n  min-height:620px;\n  border-radius:26px;\n  background:\n    radial-gradient(circle at 50% 50%,rgba(14,165,216,.15),transparent 35%),\n    radial-gradient(circle at 80% 20%,rgba(73,165,46,.12),transparent 28%),\n    linear-gradient(180deg,#ffffff,#eef9ff);\n  border:1px solid rgba(14,165,216,.26);\n  box-shadow:0 34px 92px rgba(15,55,85,.16);\n  overflow:hidden;\n}\n\n.vr-orbit{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:420px;\n  height:420px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  border:1px dashed rgba(14,165,216,.28);\n}\n\n.vr-orbit::before,\n.vr-orbit::after{\n  content:\"\";\n  position:absolute;\n  border-radius:50%;\n  border:1px dashed rgba(73,165,46,.22);\n}\n\n.vr-orbit::before{inset:60px;}\n.vr-orbit::after{inset:120px;}\n\n.vr-core{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:150px;\n  height:150px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  background:\n    radial-gradient(circle at 50% 50%,#ffffff 0%,#59d7ff 18%,rgba(14,165,216,.50) 42%,rgba(73,165,46,.16) 68%,transparent 72%);\n  box-shadow:0 0 45px rgba(14,165,216,.35),0 0 80px rgba(73,165,46,.18);\n}\n\n.vr-core::after{\n  content:\"HYDROGENORG\";\n  position:absolute;\n  left:50%;\n  top:50%;\n  transform:translate(-50%,-50%);\n  color:var(--vr-ink);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n}\n\n.vr-node{\n  position:absolute;\n  width:170px;\n  padding:17px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 16px 42px rgba(15,55,85,.10);\n}\n\n.vr-node strong{\n  display:block;\n  margin-bottom:7px;\n  color:var(--vr-cyan);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-node span{\n  color:var(--vr-ink);\n  font-size:14px;\n  line-height:1.35;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-node-1{left:34px;top:46px;}\n.vr-node-2{right:34px;top:46px;}\n.vr-node-3{left:34px;bottom:46px;}\n.vr-node-4{right:34px;bottom:46px;}\n\n.vr-hero-cards{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:14px;\n  margin-top:16px;\n}\n\n.vr-mini-card{\n  padding:18px;\n  border-radius:14px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 12px 28px rgba(15,55,85,.07);\n}\n\n.vr-mini-card span{\n  display:block;\n  margin-bottom:8px;\n  color:#7a8fa0;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1.1px;\n  text-transform:uppercase;\n}\n\n.vr-mini-card strong{\n  display:block;\n  color:var(--vr-ink);\n  font-size:18px;\n  font-weight:900;\n}\n\n.vr-mini-card em{\n  display:block;\n  margin-top:7px;\n  color:var(--vr-green);\n  font-size:11px;\n  font-style:normal;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-mission-box{\n  padding:42px;\n  border-radius:24px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 28px 78px rgba(15,55,85,.10);\n  display:grid;\n  grid-template-columns:.8fr 1.2fr;\n  gap:38px;\n  align-items:center;\n}\n\n.vr-mission-box h2{\n  margin:14px 0 0;\n  color:var(--vr-ink);\n  font-size:40px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-mission-box h2 span{\n  color:var(--vr-green);\n}\n\n.vr-mission-box p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:17px;\n  line-height:1.78;\n}\n\n.vr-roadmap{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:22px;\n}\n\n.vr-phase{\n  position:relative;\n  min-height:340px;\n  padding:30px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 18px 48px rgba(15,55,85,.08);\n  overflow:hidden;\n}\n\n.vr-phase::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-phase-number{\n  width:62px;\n  height:62px;\n  margin-bottom:24px;\n  border-radius:18px;\n  background:#eef9ff;\n  border:1px solid rgba(14,165,216,.22);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--vr-cyan);\n  font-size:17px;\n  font-weight:900;\n}\n\n.vr-phase span{\n  display:block;\n  margin-bottom:10px;\n  color:var(--vr-green);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-phase h3{\n  margin:0 0 14px;\n  color:var(--vr-ink);\n  font-size:21px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-phase p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.68;\n}\n\n.vr-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:22px;\n}\n\n.vr-card{\n  position:relative;\n  min-height:280px;\n  padding:30px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 18px 48px rgba(15,55,85,.08);\n  overflow:hidden;\n}\n\n.vr-card::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-card-icon{\n  width:62px;\n  height:62px;\n  margin-bottom:24px;\n  border-radius:18px;\n  background:#f3f9fc;\n  border:1px solid rgba(14,165,216,.22);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--vr-cyan);\n  font-size:19px;\n  font-weight:900;\n}\n\n.vr-card h3{\n  margin:0 0 13px;\n  color:var(--vr-ink);\n  font-size:19px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-card p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.68;\n}\n\n.vr-impact{\n  background:#06111f;\n  color:#ffffff;\n  padding:78px 0;\n}\n\n.vr-impact-box{\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:30px;\n  align-items:center;\n}\n\n.vr-impact h2{\n  margin:0 0 14px;\n  color:#ffffff;\n  font-size:38px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-impact h2 span{\n  color:#6ed84e;\n}\n\n.vr-impact p{\n  margin:0;\n  max-width:900px;\n  color:rgba(255,255,255,.74);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.vr-impact .vr-btn-outline{\n  background:transparent;\n  color:#ffffff!important;\n  border-color:rgba(255,255,255,.24);\n}\n\n.vr-impact .vr-btn-outline:hover{\n  color:#6ed84e!important;\n  border-color:#6ed84e;\n}\n\n@media(max-width:1180px){\n  .vr-hero-layout{grid-template-columns:1fr;}\n  .vr-hero-copy{max-width:920px;}\n  .vr-hero-copy h1{font-size:58px;}\n  .vr-mission-box{grid-template-columns:1fr;}\n  .vr-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .vr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .vr-impact-box{grid-template-columns:1fr;}\n}\n\n@media(max-width:760px){\n  .vr-inner{padding-left:24px;padding-right:24px;}\n  .vr-section{padding:72px 0;}\n  .vr-hero{min-height:auto;}\n  .vr-hero::before{display:none;}\n  .vr-hero-layout{padding:58px 0;gap:34px;}\n  .vr-hero-copy h1{font-size:43px;}\n  .vr-hero-copy p{font-size:17px;}\n  .vr-buttons,.vr-btn{width:100%;}\n  .vr-vision-panel{min-height:auto;padding:22px;}\n  .vr-orbit,.vr-core{display:none;}\n  .vr-node{\n    position:relative;\n    left:auto!important;\n    right:auto!important;\n    top:auto!important;\n    bottom:auto!important;\n    width:100%;\n    margin-bottom:14px;\n  }\n  .vr-hero-cards,.vr-roadmap,.vr-grid-3{grid-template-columns:1fr;}\n  .vr-heading h2{font-size:31px;}\n  .vr-mission-box{padding:26px;}\n  .vr-mission-box h2{font-size:30px;}\n  .vr-impact{padding:56px 0;}\n  .vr-impact h2{font-size:29px;}\n}\n<\/style>\n\n<section class=\"vr-hero\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-hero-layout\">\n\n      <div class=\"vr-hero-copy\">\n        <span class=\"vr-kicker\">Visi\u00f3n de HydrogenOrg<\/span>\n\n        <h1>\n          Visi\u00f3n y\n          <span>Hoja de ruta<\/span>\n        <\/h1>\n\n        <div class=\"vr-hero-line\"><\/div>\n\n        <p>\n          HydrogenOrg est\u00e1 construyendo un ecosistema de innovaci\u00f3n global dise\u00f1ado para explorar, simular, validar y acelerar tecnolog\u00edas para energ\u00eda regenerativa, infraestructura resiliente y restauraci\u00f3n ambiental.\n        <\/p>\n\n        <p class=\"vr-hero-strong\">\n          El objetivo a largo plazo es pasar de la curiosidad cient\u00edfica abierta hacia proyectos validados, asociaciones e iniciativas operativas.\n        <\/p>\n\n        <div class=\"vr-buttons\">\n          <a class=\"vr-btn vr-btn-primary\" href=\"\/es\/red-de-innovacion-de-hydrogenorg-ch\/\">\n            \u00danete a la Red de Innovaci\u00f3n\n          <\/a>\n\n          <a class=\"vr-btn vr-btn-outline\" href=\"\/es\/alianzas-de-investigacion\/\">\n            Explorar el camino de socios\n          <\/a>\n        <\/div>\n\n        <div class=\"vr-hero-note\">\n          <strong>Direcci\u00f3n estrat\u00e9gica:<\/strong>\n          HydrogenOrg conecta la investigaci\u00f3n, simulaci\u00f3n, revisi\u00f3n t\u00e9cnica, validaci\u00f3n y despliegue futuro dentro de una v\u00eda de desarrollo transparente.\n        <\/div>\n      <\/div>\n\n      <div class=\"vr-hero-visual\">\n        <div class=\"vr-vision-panel\">\n          <div class=\"vr-orbit\"><\/div>\n          <div class=\"vr-core\"><\/div>\n\n          <div class=\"vr-node vr-node-1\">\n            <strong>Investigar<\/strong>\n            <span>Exploraci\u00f3n cient\u00edfica abierta<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-2\">\n            <strong>Simulaci\u00f3n<\/strong>\n            <span>Modelos y gemelos digitales<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-3\">\n            <strong>Validaci\u00f3n<\/strong>\n            <span>An\u00e1lisis de laboratorio y revisi\u00f3n de expertos<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-4\">\n            <strong>Despliegue<\/strong>\n            <span>Iniciativas del mundo real<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vr-hero-cards\">\n          <div class=\"vr-mini-card\">\n            <span>Capa actual<\/span>\n            <strong>Investigaci\u00f3n Abierta<\/strong>\n            <em>Plataforma p\u00fablica<\/em>\n          <\/div>\n\n          <div class=\"vr-mini-card\">\n            <span>Siguiente capa<\/span>\n            <strong>Validaci\u00f3n<\/strong>\n            <em>Revisi\u00f3n de socios<\/em>\n          <\/div>\n\n          <div class=\"vr-mini-card\">\n            <span>Capa futura<\/span>\n            <strong>Despliegue<\/strong>\n            <em>Impacto operacional<\/em>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-white\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-mission-box\">\n      <div>\n        <span class=\"vr-kicker\">Nuestra misi\u00f3n a largo plazo<\/span>\n        <h2>\n          De ideas cient\u00edficas a\n          <span>impacto en el mundo real<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        HydrogenOrg fue creado para conectar a investigadores, ingenieros, innovadores, organizaciones y seguidores en torno a complejos desaf\u00edos cient\u00edficos y tecnol\u00f3gicos. El objetivo no es solo generar ideas, sino crear v\u00edas a trav\u00e9s de las cuales los conceptos prometedores puedan evolucionar hacia simulaciones, investigaci\u00f3n colaborativa, asociaciones t\u00e9cnicas y futuras iniciativas operativas.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-soft\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-heading\">\n      <span class=\"vr-kicker\">Hoja de ruta de desarrollo de HydrogenOrg<\/span>\n      <h2>Cuatro fases de la red a <span>despliegue<\/span><\/h2>\n      <p>\n        El plan de desarrollo separa la construcci\u00f3n de comunidad, la investigaci\u00f3n, el desarrollo de asociaciones y la implementaci\u00f3n operativa en una progresi\u00f3n clara.\n      <\/p>\n    <\/div>\n\n    <div class=\"vr-roadmap\">\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">01<\/div>\n        <span>Fase 1<\/span>\n        <h3>Red de Innovaci\u00f3n<\/h3>\n        <p>\n          Construir una comunidad global de ingenieros, investigadores, estudiantes, innovadores y organizaciones interesados en tecnolog\u00edas regenerativas.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">02<\/div>\n        <span>Fase 2<\/span>\n        <h3>Programas de investigaci\u00f3n<\/h3>\n        <p>\n          Desarrollar iniciativas de investigaci\u00f3n colaborativa, entornos de simulaci\u00f3n, desaf\u00edos cient\u00edficos y programas estructurados de exploraci\u00f3n tecnol\u00f3gica.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">03<\/div>\n        <span>Fase 3<\/span>\n        <h3>Alianzas estrat\u00e9gicas<\/h3>\n        <p>\n          Conecta instituciones, patrocinadores, empresas y comunidades t\u00e9cnicas para acelerar los procesos de revisi\u00f3n, validaci\u00f3n e implementaci\u00f3n.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">04<\/div>\n        <span>Fase 4<\/span>\n        <h3>Iniciativas operativas<\/h3>\n        <p>\n          Apoyar proyectos piloto, iniciativas de infraestructura, oportunidades de riesgo y futuras organizaciones capaces de generar un impacto mensurable.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-white\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-heading\">\n      <span class=\"vr-kicker\">Principios de desarrollo<\/span>\n      <h2>C\u00f3mo HydrogenOrg se traslada de <span>de la visi\u00f3n a la ejecuci\u00f3n<\/span><\/h2>\n      <p>\n        Un ecosistema de innovaci\u00f3n cre\u00edble debe combinar apertura, disciplina t\u00e9cnica, validaci\u00f3n controlada y un camino realista hacia el despliegue.\n      <\/p>\n    <\/div>\n\n    <div class=\"vr-grid-3\">\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">01<\/div>\n        <h3>Exploraci\u00f3n abierta<\/h3>\n        <p>\n          Presenta las preguntas cient\u00edficas, las suposiciones y la l\u00f3gica de simulaci\u00f3n con claridad para que los colaboradores puedan entender y cuestionar el trabajo.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">02<\/div>\n        <h3>Validaci\u00f3n estructurada<\/h3>\n        <p>\n          Separa los modelos conceptuales del rendimiento verificado e identifica las mediciones, revisiones y experimentos que a\u00fan se requieren.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">03<\/div>\n        <h3>Implementaci\u00f3n de socios<\/h3>\n        <p>\n          Llevar conceptos prometedores hacia el trabajo de laboratorio, la prueba de concepto, los sistemas piloto y la futura implementaci\u00f3n de ingenier\u00eda.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-impact\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-impact-box\">\n      <div>\n        <h2>\n          De las ideas al impacto.\n          <span>De la simulaci\u00f3n al despliegue.<\/span>\n        <\/h2>\n\n        <p>\n          Resolver los desaf\u00edos energ\u00e9ticos, de infraestructura y ambientales requiere colaboraci\u00f3n, experimentaci\u00f3n, simulaci\u00f3n, validaci\u00f3n y la capacidad de transformar conceptos prometedores en iniciativas capaces de crear valor en el mundo real.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-buttons\">\n        <a class=\"vr-btn vr-btn-primary\" href=\"\/es\/red-de-innovacion-de-hydrogenorg-ch\/\">\n          \u00danete a la Red de Innovaci\u00f3n\n        <\/a>\n\n        <a class=\"vr-btn vr-btn-outline\" href=\"\/es\/alianzas-de-investigacion\/\">\n          Ruta de Socios\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n\n<div class=\"h2-footer\">\r\n\r\n  <div class=\"h2-footer-inner\">\r\n\r\n    <div class=\"h2-footer-top\">\r\n\r\n      <!-- BRAND -->\r\n      <div class=\"h2-footer-brand\">\r\n\r\n        <h2 class=\"h2-footer-title\">\r\n          HIDR\u00d3GENO<span>ORG.CH<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"h2-footer-sub\">\r\n          INVESTIGACI\u00d3N ABIERTA \u00b7 SIMULACI\u00d3N \u00b7 COLABORACIONES\r\n        <\/div>\r\n\r\n        <p>\r\n          HydrogenOrg est\u00e1 construyendo la capa de investigaci\u00f3n abierta, simulaci\u00f3n y asociaci\u00f3n para la infraestructura regenerativa.\nEl objetivo es organizar a los colaboradores serios, socios t\u00e9cnicos y financiadores en torno al agua potable, la energ\u00eda de bajo costo, la recuperaci\u00f3n de recursos, el modelado abierto y las futuras v\u00edas piloto.\r\n        <\/p>\r\n\r\n        <div class=\"h2-footer-actions\">\r\n          <a href=\"\/es\/para-socios-financiadores\/\">Socios y Financiadores<\/a>\r\n          <a href=\"\/es\/unirse\/\">\u00danete a HydrogenOrg<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- LINKS GRID -->\r\n      <div class=\"h2-footer-links\">\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Investigaci\u00f3n de Sistemas<\/h4>\r\n          <a href=\"\/es\/sistema-de-ingenieria-de-desalinizacion-geotermica\/\">Ingenier\u00eda de Desalaci\u00f3n<\/a>\r\n          <a href=\"\/es\/sistemas-de-desalinizacion-geotermica-de-plasma\/\">Desalinizaci\u00f3n por Plasma<\/a>\r\n          <a href=\"\/es\/marco-del-reactor-de-plasma-de-vapor\/\">Energ\u00eda de Plasma<\/a>\r\n          <a href=\"\/es\/sistemas-geotermicos-avanzados\/\">Geot\u00e9rmica<\/a>\r\n          <a href=\"\/es\/sistemas-de-regeneracion-atmosferica\/\">Atm\u00f3sfera<\/a>\r\n          <a href=\"\/es\/redes-de-infraestructura-de-hidrogeno\/\">Infraestructura<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Capa de simulaci\u00f3n<\/h4>\r\n          <a href=\"\/es\/infraestructura-de-simulacion-abierta\/\">Abrir Simulaci\u00f3n<\/a>\r\n          <a href=\"\/es\/base-de-datos-de-escenarios-de-simulacion\/\">Base de datos de escenarios<\/a>\r\n          <a href=\"\/es\/simulador-de-infraestructura-de-hidrogeno\/\">Simulador de Infraestructura<\/a>\r\n          <a href=\"\/es\/plataforma-abierta-de-desafios-cientificos\/\">Desaf\u00edos<\/a>\r\n          <a href=\"\/es\/gobernanza-cientifica-de-la-ia\/\">Gobernanza de IA<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Construye con nosotros<\/h4>\r\n          <a href=\"\/es\/para-socios-financiadores\/\">Para Socios y Financiadores<\/a>\r\n          <a href=\"\/es\/unirse\/\">Unirse<\/a>\r\n          <a href=\"\/es\/membership-support\/\">Membres\u00eda<\/a>\r\n          <a href=\"\/es\/patrocinar-un-desafio\/\">Patrocinador<\/a>\r\n          <a href=\"\/es\/alianzas-de-investigacion\/\">Asociaciones de investigaci\u00f3n<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Organizaci\u00f3n<\/h4>\r\n          <a href=\"\/es\/comunidad\/\">Comunidad<\/a>\r\n          <a href=\"\/es\/hoja-de-ruta-de-vision\/\">Visi\u00f3n<\/a>\r\n          <a href=\"\/es\/marco-de-gobernanza\/\">Gobernanza<\/a>\r\n          <a href=\"\/es\/sobre-la-gobernanza-de-hydrogenorg\/\">Gobernanza de HydrogenOrg<\/a>\r\n          <a href=\"\/es\/contacto\/\">Contacto<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Legal<\/h4>\r\n          <a href=\"\/es\/privacy-policy\/\">Pol\u00edtica de Privacidad<\/a>\r\n          <a href=\"\/es\/terminos-de-uso\/\">T\u00e9rminos de Uso<\/a>\r\n          <a href=\"\/es\/propiedad-intelectual\/\">Propiedad intelectual<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- STRATEGIC STATEMENT -->\r\n    <div class=\"h2-footer-statement\">\r\n      <strong>HydrogenOrg es la capa de investigaci\u00f3n abierta.<\/strong>\r\n      <span>Las futuras empresas y los veh\u00edculos piloto son la capa de implementaci\u00f3n.<\/span>\r\n    <\/div>\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"h2-footer-bottom\">\r\n\r\n      <div>\r\n        \u00a9 2026 HydrogenOrg. Todos los derechos reservados.\r\n      <\/div>\r\n\r\n      <div class=\"h2-footer-tags\">\r\n        <span>Investigaci\u00f3n Abierta<\/span>\r\n        <span>Simulaci\u00f3n<\/span>\r\n        <span>Validaci\u00f3n<\/span>\r\n        <span>Socios<\/span>\r\n        <span>Financiaci\u00f3n<\/span>\r\n        <span>Rutas de Piloto<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.h2-footer{\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  margin-left:calc(50% - 50vw)!important;\r\n  margin-right:calc(50% - 50vw)!important;\r\n  background:#020817!important;\r\n  color:#ffffff!important;\r\n  overflow:visible!important;\r\n  font-family:Arial,Helvetica,sans-serif!important;\r\n}\r\n\r\n.h2-footer *{\r\n  box-sizing:border-box!important;\r\n}\r\n\r\n.h2-footer a{\r\n  text-decoration:none!important;\r\n}\r\n\r\n.h2-footer-inner{\r\n  width:100%!important;\r\n  max-width:1480px!important;\r\n  margin:0 auto!important;\r\n  padding:76px 48px 40px!important;\r\n  overflow:visible!important;\r\n}\r\n\r\n.h2-footer-top{\r\n  display:grid!important;\r\n  grid-template-columns:1.05fr 1.95fr!important;\r\n  gap:70px!important;\r\n  align-items:start!important;\r\n}\r\n\r\n.h2-footer-brand{\r\n  min-width:0!important;\r\n}\r\n\r\n.h2-footer-title{\r\n  margin:0!important;\r\n  color:#ffffff!important;\r\n  font-size:31px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1.6px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-title span{\r\n  color:#62c945!important;\r\n}\r\n\r\n.h2-footer-sub{\r\n  margin-top:13px!important;\r\n  color:#19c7ff!important;\r\n  font-size:11px!important;\r\n  line-height:1.4!important;\r\n  font-weight:900!important;\r\n  letter-spacing:2.7px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-brand p{\r\n  max-width:470px!important;\r\n  margin:26px 0 0!important;\r\n  color:rgba(255,255,255,.68)!important;\r\n  font-size:14px!important;\r\n  line-height:1.75!important;\r\n}\r\n\r\n.h2-footer-actions{\r\n  margin-top:28px!important;\r\n  display:flex!important;\r\n  gap:12px!important;\r\n  flex-wrap:wrap!important;\r\n}\r\n\r\n.h2-footer-actions a{\r\n  min-height:42px!important;\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  padding:0 18px!important;\r\n  border-radius:5px!important;\r\n  border:1px solid rgba(25,199,255,.45)!important;\r\n  color:#19c7ff!important;\r\n  background:rgba(255,255,255,.04)!important;\r\n  font-size:11px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-actions a:first-child{\r\n  border-color:#059fd8!important;\r\n  background:linear-gradient(90deg,#059fd8,#45d8ff)!important;\r\n  color:#021014!important;\r\n}\r\n\r\n.h2-footer-links{\r\n  display:grid!important;\r\n  grid-template-columns:repeat(5,minmax(120px,1fr))!important;\r\n  gap:30px!important;\r\n  overflow:visible!important;\r\n}\r\n\r\n.h2-footer-col{\r\n  min-width:0!important;\r\n}\r\n\r\n.h2-footer-col h4{\r\n  margin:0 0 18px!important;\r\n  color:#ffffff!important;\r\n  font-size:12px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1.4px!important;\r\n  text-transform:uppercase!important;\r\n  white-space:nowrap!important;\r\n}\r\n\r\n.h2-footer-col h4::after{\r\n  content:\"\"!important;\r\n  display:block!important;\r\n  width:34px!important;\r\n  height:2px!important;\r\n  margin-top:12px!important;\r\n  background:linear-gradient(90deg,#19c7ff,#62c945,#f36b19)!important;\r\n}\r\n\r\n.h2-footer-col a{\r\n  display:block!important;\r\n  margin:0 0 12px!important;\r\n  color:rgba(255,255,255,.64)!important;\r\n  font-size:13px!important;\r\n  line-height:1.45!important;\r\n  font-weight:700!important;\r\n  white-space:normal!important;\r\n  transition:color .18s ease!important;\r\n}\r\n\r\n.h2-footer-col a:hover{\r\n  color:#62c945!important;\r\n}\r\n\r\n.h2-footer-statement{\r\n  margin-top:58px!important;\r\n  padding:26px 28px!important;\r\n  border:1px solid rgba(25,199,255,.18)!important;\r\n  border-radius:14px!important;\r\n  background:\r\n    radial-gradient(circle at 10% 30%,rgba(25,199,255,.10),transparent 32%),\r\n    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;\r\n}\r\n\r\n.h2-footer-statement strong{\r\n  display:block!important;\r\n  color:#ffffff!important;\r\n  font-size:19px!important;\r\n  line-height:1.35!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-statement span{\r\n  display:block!important;\r\n  margin-top:8px!important;\r\n  color:rgba(255,255,255,.70)!important;\r\n  font-size:14px!important;\r\n  line-height:1.6!important;\r\n}\r\n\r\n.h2-footer-bottom{\r\n  display:flex!important;\r\n  justify-content:space-between!important;\r\n  align-items:center!important;\r\n  gap:30px!important;\r\n  margin-top:42px!important;\r\n  padding-top:28px!important;\r\n  border-top:1px solid rgba(255,255,255,.12)!important;\r\n  color:rgba(255,255,255,.55)!important;\r\n  font-size:13px!important;\r\n  line-height:1.5!important;\r\n}\r\n\r\n.h2-footer-tags{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:flex-end!important;\r\n  gap:8px!important;\r\n  flex-wrap:wrap!important;\r\n}\r\n\r\n.h2-footer-tags span{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  min-height:28px!important;\r\n  padding:0 10px!important;\r\n  border-radius:999px!important;\r\n  border:1px solid rgba(255,255,255,.10)!important;\r\n  color:rgba(255,255,255,.62)!important;\r\n  background:rgba(255,255,255,.035)!important;\r\n  font-size:10px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:.8px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n@media(max-width:1200px){\r\n  .h2-footer-top{\r\n    grid-template-columns:1fr!important;\r\n    gap:50px!important;\r\n  }\r\n\r\n  .h2-footer-brand p{\r\n    max-width:760px!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:repeat(3,minmax(150px,1fr))!important;\r\n  }\r\n}\r\n\r\n@media(max-width:800px){\r\n  .h2-footer-inner{\r\n    padding:62px 30px 36px!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:repeat(2,1fr)!important;\r\n    gap:30px 24px!important;\r\n  }\r\n\r\n  .h2-footer-bottom{\r\n    flex-direction:column!important;\r\n    align-items:flex-start!important;\r\n  }\r\n\r\n  .h2-footer-tags{\r\n    justify-content:flex-start!important;\r\n  }\r\n}\r\n\r\n@media(max-width:520px){\r\n  .h2-footer-inner{\r\n    padding:55px 22px 34px!important;\r\n  }\r\n\r\n  .h2-footer-title{\r\n    font-size:25px!important;\r\n  }\r\n\r\n  .h2-footer-sub{\r\n    font-size:10px!important;\r\n    letter-spacing:2px!important;\r\n  }\r\n\r\n  .h2-footer-actions a{\r\n    width:100%!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:1fr!important;\r\n  }\r\n\r\n  .h2-footer-statement{\r\n    padding:22px!important;\r\n  }\r\n}\r\n<\/style>","protected":false},"excerpt":{"rendered":"<p>HydrogenOrg Vision Vision &#038; Roadmap HydrogenOrg is building a global innovation ecosystem designed to explore, simulate, validate and accelerate technologies for regenerative energy, resilient infrastructure and environmental restoration. The long-term objective is to move from open scientific curiosity toward validated projects, partnerships and operational initiatives. Join the Innovation Network Explore Partner Pathway Strategic direction: HydrogenOrg &hellip; <a href=\"https:\/\/hydrogenorg.ch\/es\/vision-roadmap\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> &#8220;Vision &#038; Roadmap&#8221;<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/pages\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":3,"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":1041,"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/pages\/763\/revisions\/1041"}],"wp:attachment":[{"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/media?parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}