{"id":1083,"date":"2026-08-23T12:56:00","date_gmt":"2026-08-23T12:56:00","guid":{"rendered":"https:\/\/hydrogenorg.ch\/?page_id=1083"},"modified":"2026-08-23T12:56:45","modified_gmt":"2026-08-23T12:56:45","slug":"laboratorio-de-simulacion-de-hydrogenorg","status":"publish","type":"page","link":"https:\/\/hydrogenorg.ch\/es\/hydrogenorg-simulation-lab\/","title":{"rendered":"Laboratorio de simulaci\u00f3n HydrogenOrg"},"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<div id=\"hydrogenorg-simulation-lab\">\n\n<style>\n\/* =====================================================\n   HYDROGENORG SIMULATION LAB\n   Streamlit Research Simulator Directory\n===================================================== *\/\n\nhtml,\nbody{\n  margin:0!important;\n  padding:0!important;\n  width:100%!important;\n  max-width:100%!important;\n  overflow-x:hidden!important;\n  background:#020711!important;\n}\n\nbody .wp-site-blocks,\nbody main,\nbody .wp-block-post-content,\nbody .entry-content,\nbody .wp-block-group,\nbody .wp-block-cover,\nbody .is-layout-flow,\nbody .is-layout-constrained,\nbody .has-global-padding{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:0!important;\n}\n\n#hydrogenorg-simulation-lab{\n  --cyan:#35d6ff;\n  --green:#6bd14a;\n  --orange:#f36b19;\n  --bg:#020711;\n  --panel:#071421;\n  --soft:rgba(255,255,255,.045);\n  --line:rgba(255,255,255,.12);\n  --text:rgba(255,255,255,.72);\n\n  width:100vw!important;\n  max-width:100vw!important;\n  margin-left:calc(50% - 50vw)!important;\n  background:\n    radial-gradient(circle at 82% 12%,rgba(53,214,255,.16),transparent 30%),\n    radial-gradient(circle at 15% 80%,rgba(107,209,74,.10),transparent 32%),\n    linear-gradient(180deg,#020711,#071421);\n  color:white;\n  font-family:Arial,Helvetica,sans-serif;\n  overflow:hidden;\n}\n\n#hydrogenorg-simulation-lab *{\n  box-sizing:border-box;\n}\n\n#hydrogenorg-simulation-lab a{\n  text-decoration:none!important;\n}\n\n\/* WRAPPER *\/\n\n.hsl-container{\n  width:100%;\n  max-width:1450px;\n  margin:0 auto;\n  padding:0 40px;\n}\n\n\/* HERO *\/\n\n.hsl-hero{\n  padding:95px 0 85px;\n  border-bottom:1px solid rgba(255,255,255,.08);\n}\n\n.hsl-kicker{\n  color:var(--green);\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:4px;\n  text-transform:uppercase;\n  margin-bottom:24px;\n}\n\n.hsl-title{\n  margin:0;\n  font-size:68px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.hsl-title span{\n  display:block;\n  color:var(--cyan);\n}\n\n.hsl-line{\n  width:90px;\n  height:4px;\n  margin:32px 0;\n  background:linear-gradient(90deg,var(--cyan),var(--green),var(--orange));\n}\n\n.hsl-intro{\n  max-width:920px;\n  color:rgba(255,255,255,.78);\n  font-size:20px;\n  line-height:1.75;\n}\n\n.hsl-intro strong{\n  color:white;\n}\n\n.hsl-hero-actions{\n  margin-top:38px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:16px;\n}\n\n.hsl-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 26px;\n  border-radius:5px;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-btn-primary{\n  background:var(--green);\n  color:#020711!important;\n}\n\n.hsl-btn-secondary{\n  border:1px solid rgba(255,255,255,.24);\n  background:rgba(255,255,255,.04);\n  color:white!important;\n}\n\n\/* SECTIONS *\/\n\n.hsl-section{\n  padding:85px 0;\n}\n\n.hsl-section:nth-of-type(even){\n  background:rgba(0,0,0,.16);\n}\n\n.hsl-section-header{\n  max-width:930px;\n  margin-bottom:45px;\n}\n\n.hsl-section-header h2{\n  margin:0 0 18px;\n  color:white;\n  font-size:42px;\n  line-height:1.15;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-section-header p{\n  margin:0;\n  color:var(--text);\n  font-size:18px;\n  line-height:1.7;\n}\n\n\/* GRID *\/\n\n.hsl-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.hsl-card{\n  min-height:330px;\n  padding:30px;\n  border-radius:16px;\n  border:1px solid rgba(53,214,255,.18);\n  background:rgba(255,255,255,.045);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n}\n\n.hsl-card.featured{\n  border-color:rgba(107,209,74,.48);\n  background:rgba(107,209,74,.065);\n}\n\n.hsl-card-top{\n  margin-bottom:22px;\n}\n\n.hsl-label{\n  display:inline-flex;\n  margin-bottom:18px;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(53,214,255,.10);\n  border:1px solid rgba(53,214,255,.22);\n  color:var(--cyan);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-card.featured .hsl-label{\n  background:rgba(107,209,74,.14);\n  border-color:rgba(107,209,74,.35);\n  color:var(--green);\n}\n\n.hsl-card h3{\n  margin:0 0 14px;\n  color:white;\n  font-size:22px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.hsl-card p{\n  margin:0;\n  color:rgba(255,255,255,.68);\n  line-height:1.65;\n  font-size:15px;\n}\n\n.hsl-card-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:24px;\n}\n\n.hsl-card-link{\n  min-height:44px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 18px;\n  border-radius:5px;\n  background:var(--green);\n  color:#020711!important;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-card-link.secondary{\n  background:transparent;\n  color:white!important;\n  border:1px solid rgba(255,255,255,.22);\n}\n\n\/* NOTE *\/\n\n.hsl-note{\n  margin-top:45px;\n  padding:30px;\n  border-radius:16px;\n  border:1px solid rgba(53,214,255,.20);\n  background:rgba(53,214,255,.055);\n}\n\n.hsl-note h3{\n  margin:0 0 12px;\n  color:white;\n  font-size:22px;\n  text-transform:uppercase;\n}\n\n.hsl-note p{\n  margin:0;\n  color:rgba(255,255,255,.72);\n  line-height:1.7;\n}\n\n\/* ACCESS LAYERS *\/\n\n.hsl-layers{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.hsl-layer{\n  padding:32px;\n  border-radius:16px;\n  border:1px solid rgba(255,255,255,.12);\n  background:rgba(255,255,255,.045);\n}\n\n.hsl-layer-number{\n  color:var(--green);\n  font-size:34px;\n  font-weight:900;\n  margin-bottom:18px;\n}\n\n.hsl-layer h3{\n  margin:0 0 14px;\n  color:white;\n  text-transform:uppercase;\n}\n\n.hsl-layer p{\n  color:rgba(255,255,255,.68);\n  line-height:1.65;\n}\n\n\/* FINAL *\/\n\n.hsl-final{\n  padding:85px 0;\n  background:linear-gradient(135deg,#020711,#092033);\n}\n\n.hsl-final-panel{\n  padding:45px;\n  border-radius:18px;\n  background:rgba(255,255,255,.045);\n  border:1px solid rgba(53,214,255,.20);\n}\n\n.hsl-final-panel h2{\n  margin:0 0 18px;\n  color:white;\n  font-size:40px;\n  text-transform:uppercase;\n}\n\n.hsl-final-panel p{\n  max-width:980px;\n  color:rgba(255,255,255,.72);\n  line-height:1.75;\n  font-size:17px;\n}\n\n.hsl-tags{\n  margin-top:26px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n.hsl-tags span{\n  padding:10px 14px;\n  border-radius:999px;\n  background:rgba(53,214,255,.08);\n  border:1px solid rgba(53,214,255,.18);\n  color:rgba(255,255,255,.78);\n  font-size:12px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:1000px){\n  .hsl-grid,\n  .hsl-layers{\n    grid-template-columns:1fr;\n  }\n\n  .hsl-title{\n    font-size:46px;\n  }\n\n  .hsl-section-header h2{\n    font-size:32px;\n  }\n\n  .hsl-container{\n    padding:0 22px;\n  }\n}\n\n<\/style>\n\n\n<section class=\"hsl-hero\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-kicker\">\n      Infraestructura de Investigaci\u00f3n HydrogenOrg\n    <\/div>\n\n    <h1 class=\"hsl-title\">\n      HydrogenOrg\n      <span>Laboratorio de simulaci\u00f3n<\/span>\n    <\/h1>\n\n    <div class=\"hsl-line\"><\/div>\n\n    <p class=\"hsl-intro\">\n      HydrogenOrg Simulation Lab conecta las p\u00e1ginas de investigaci\u00f3n p\u00fablica con\n      <strong>Modelos de simulaci\u00f3n basados en Streamlit, c\u00f3digo de investigaci\u00f3n alojado en GitHub, herramientas de hidr\u00f3geno de plasma, sistemas geot\u00e9rmicos, modelos marinos, capas de infraestructura y simuladores de regeneraci\u00f3n atmosf\u00e9rica.<\/strong>\n    <\/p>\n\n    <div class=\"hsl-hero-actions\">\n      <a href=\"#public-simulators\" class=\"hsl-btn hsl-btn-primary\">\n        Explorar simuladores p\u00fablicos\n      <\/a>\n\n      <a href=\"#research-suite\" class=\"hsl-btn hsl-btn-secondary\">\n        Conjunto de investigaci\u00f3n\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"public-simulators\" class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Capa de Simulaci\u00f3n P\u00fablica<\/div>\n      <h2>Simuladores de investigaci\u00f3n p\u00fablica<\/h2>\n      <p>\n        Herramientas p\u00fablicas dise\u00f1adas para presentar los modelos, las suposiciones y la l\u00f3gica del sistema de HydrogenOrg antes de una exploraci\u00f3n t\u00e9cnica m\u00e1s profunda.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Capa P\u00fablica Principal<\/div>\n          <h3>Capa de Simulaci\u00f3n P\u00fablica de HydrogenOrg<\/h3>\n          <p>\n            Punto de entrada p\u00fablico para explorar la l\u00f3gica de investigaci\u00f3n de HydrogenOrg, escenarios simplificados y suposiciones del sistema.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-public-simulation-layer-9zoscueeopnhdjajkvguds.streamlit.app\/\">\n            Abrir simulador\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">HPRS<\/div>\n          <h3>Simulador HPRS de HydrogenOrg<\/h3>\n          <p>\n            Simulador de investigaci\u00f3n de hidr\u00f3geno por plasma para explorar suposiciones energ\u00e9ticas, rutas del hidr\u00f3geno e indicadores de procesos.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-hprs-simulator-tds53axkyjiotnbznzah6y.streamlit.app\/\">\n            Abrir HPRS\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Comparaci\u00f3n<\/div>\n          <h3>Plasma vs Hidr\u00f3geno Convencional V2<\/h3>\n          <p>\n            Modelo de investigaci\u00f3n comparativa para las v\u00edas de hidr\u00f3geno asistido por plasma e hidr\u00f3geno convencional.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgplasmavsconventionalhydrogensimulatorv2-53vqgkmhhe9.streamlit.app\/\">\n            Abrir comparaci\u00f3n\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"hsl-note\">\n      <h3>Nota de inicio de Streamlit<\/h3>\n      <p>\n        Algunas aplicaciones pueden entrar en modo de suspensi\u00f3n cuando est\u00e1n inactivas. Si un simulador no se carga de inmediato, espere brevemente y actualice la p\u00e1gina. Estas herramientas son interfaces de investigaci\u00f3n y no declaraciones de rendimiento industrial certificado.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Modelos de investigaci\u00f3n de plasma<\/div>\n      <h2>Herramientas de simulaci\u00f3n de hidr\u00f3geno de plasma<\/h2>\n      <p>\n        Modelos enfocados para plasma de arg\u00f3n-vapor, control de reactores, separaci\u00f3n de gases y comportamiento del sistema de hidr\u00f3geno por plasma.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Reactor de plasma<\/div>\n          <h3>Reactor de plasma de arg\u00f3n y vapor V4.4<\/h3>\n          <p>\n            Simulador de investigaci\u00f3n centrado en las suposiciones de un reactor de plasma de arg\u00f3n-vapor.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv44argonsteamplasmareactorsimulator-kvxu5ck7fbgu88p.streamlit.app\/\">\n            Modelo Abierto\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Control de ingenier\u00eda<\/div>\n          <h3>Ingenier\u00eda de Control de Reactor de Plasma V5.0<\/h3>\n          <p>\n            Interfaz de control y modelado de sistemas de reactores de plasma orientada a la ingenier\u00eda.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv50plasmareactorengineeringcontrolsimulator-fthhyfl.streamlit.app\/\">\n            Abrir Control\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Consola Estrat\u00e9gica<\/div>\n          <h3>Consola de plasma HydrogenOrg<\/h3>\n          <p>\n            Consola de plasma estrat\u00e9gica para una navegaci\u00f3n de investigaci\u00f3n m\u00e1s profunda y exploraci\u00f3n avanzada.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-plasma-console-vghj5acz3ggadfybp68tah.streamlit.app\/\">\n            Abrir consola\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Geotermia y Desalinizaci\u00f3n<\/div>\n      <h2>Modelos energ\u00e9ticos con prioridad geot\u00e9rmica<\/h2>\n      <p>\n        Simuladores que exploran la energ\u00eda geot\u00e9rmica, la desalinizaci\u00f3n, la integraci\u00f3n de hidr\u00f3geno y las v\u00edas de rentabilidad de la infraestructura.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">N\u00facleo geot\u00e9rmico<\/div>\n          <h3>Simulador Principal del N\u00facleo Geot\u00e9rmico V4.0<\/h3>\n          <p>\n            Modelo de sistema geot\u00e9rmico principal para escenarios de energ\u00eda renovable subterr\u00e1nea.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv40geothermalcoremainsimulator-3oshzarm9azknmatyvmk.streamlit.app\/\">\n            Modelo Abierto\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Rentabilidad<\/div>\n          <h3>Primera rentabilidad geot\u00e9rmica V4.7b<\/h3>\n          <p>\n            Simulador de rutas econ\u00f3micas y de sistemas para infraestructura basada en geotermia.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv47bgeothermalfirstprofitabilitysimulator-zpxfhscxb.streamlit.app\/\">\n            Abrir simulador\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Desalinizaci\u00f3n<\/div>\n          <h3>Ingenier\u00eda de desalinizaci\u00f3n geot\u00e9rmica<\/h3>\n          <p>\n            Modelo de ingenier\u00eda que conecta la energ\u00eda geot\u00e9rmica, la desalinizaci\u00f3n y las v\u00edas del hidr\u00f3geno.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv1geothermaldesalinationengineeringsimulator-tawqpm.streamlit.app\/\">\n            Abrir simulador\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Dominios del sistema<\/div>\n      <h2>Marina, Atm\u00f3sfera e Infraestructura<\/h2>\n      <p>\n        Modelos de simulaci\u00f3n vertical para sistemas de hidr\u00f3geno marino, regeneraci\u00f3n atmosf\u00e9rica y an\u00e1lisis a nivel de infraestructura.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Marina<\/div>\n          <h3>Plasma Marino Asistido por Hidr\u00f3geno V1.2<\/h3>\n          <p>\n            Modelo de investigaci\u00f3n marina para sistemas h\u00edbridos el\u00e9ctricos, de desalinizaci\u00f3n y de hidr\u00f3geno a bordo.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/marinev12-wjbyghfyvsjkqtgxt5zug2.streamlit.app\/\">\n            Marina Abierta\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Atm\u00f3sfera<\/div>\n          <h3>Simulador de regeneraci\u00f3n atmosf\u00e9rica<\/h3>\n          <p>\n            Simulador de investigaci\u00f3n para la l\u00f3gica de regeneraci\u00f3n atmosf\u00e9rica y restauraci\u00f3n ambiental.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-atmospheric-regeneration-simulator-vamwsen5ndcwvns.streamlit.app\/\">\n            Atm\u00f3sfera Abierta\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Infraestructura<\/div>\n          <h3>Simulador de infraestructura de HydrogenOrg<\/h3>\n          <p>\n            Simulador de la capa de infraestructura para el an\u00e1lisis de redes de hidr\u00f3geno y energ\u00eda a nivel de sistema.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-infrastructure-simulator-zzcuettv27rwa3l8pf3a8c.streamlit.app\/\">\n            Infraestructura Abierta\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"research-suite\" class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Conjunto de investigaci\u00f3n<\/div>\n      <h2>Sistemas operativos de investigaci\u00f3n avanzada<\/h2>\n      <p>\n        Conjuntos de investigaci\u00f3n de nivel superior y entornos operativos para la exploraci\u00f3n integrada del modelo HydrogenOrg.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Suite Estable<\/div>\n          <h3>Conjunto de Investigaci\u00f3n HydrogenOrg V3.2 Stable<\/h3>\n          <p>\n            Conjunto de investigaci\u00f3n integrado y estable para la navegaci\u00f3n por simulaci\u00f3n avanzada.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgresearchsuitev32stable-baejnebxfiovkqulkb5jd3.streamlit.app\/\">\n            Suite Abierta\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Sistema operativo<\/div>\n          <h3>Sistema Operativo de Investigaci\u00f3n V10<\/h3>\n          <p>\n            Entorno operativo avanzado para la coordinaci\u00f3n del modelo de investigaci\u00f3n de HydrogenOrg.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgresearchoperatingsystemv10-3f9vycjmzdcgvstgkh83vi.streamlit.app\/\">\n            SO abierto\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Modelo avanzado<\/div>\n          <h3>Simulador de Investigaci\u00f3n Avanzada V2<\/h3>\n          <p>\n            Simulador avanzado para una exploraci\u00f3n de investigaci\u00f3n m\u00e1s profunda y pruebas de escenarios.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgadvancedresearchsimulatorv2-nspfz2zv52hbjbzyxhmv9l.streamlit.app\/\">\n            Abrir Avanzado\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Estructura de acceso<\/div>\n      <h2>Capas de p\u00fablico, miembros y socios de investigaci\u00f3n<\/h2>\n      <p>\n        HydrogenOrg separa la exploraci\u00f3n p\u00fablica de una colaboraci\u00f3n t\u00e9cnica m\u00e1s profunda.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-layers\">\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">01<\/div>\n        <h3>Capa P\u00fablica<\/h3>\n        <p>\n          Simulaciones p\u00fablicas, suposiciones simplificadas e interfaces de p\u00e1ginas de investigaci\u00f3n.\n        <\/p>\n      <\/div>\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">02<\/div>\n        <h3>Miembro de investigaci\u00f3n<\/h3>\n        <p>\n          Acceso a simulaci\u00f3n avanzada, documentaci\u00f3n, actualizaciones y una exploraci\u00f3n m\u00e1s profunda del modelo.\n        <\/p>\n      <\/div>\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">03<\/div>\n        <h3>Socio de investigaci\u00f3n<\/h3>\n        <p>\n          Colaboraci\u00f3n en torno a las v\u00edas de validaci\u00f3n, la revisi\u00f3n t\u00e9cnica y los futuros programas de investigaci\u00f3n.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-final\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-final-panel\">\n\n      <div class=\"hsl-kicker\">\n        Laboratorio de simulaci\u00f3n HydrogenOrg\n      <\/div>\n\n      <h2>Infraestructura de investigaci\u00f3n de Streamlit + GitHub<\/h2>\n\n      <p>\n        El Laboratorio de Simulaci\u00f3n presenta HydrogenOrg como una plataforma de investigaci\u00f3n donde p\u00e1ginas p\u00fablicas, simuladores interactivos, aplicaciones de Streamlit y flujos de trabajo de desarrollo alojados en GitHub respaldan la exploraci\u00f3n cient\u00edfica transparente.\n      <\/p>\n\n      <div class=\"hsl-tags\">\n        <span>Streamlit<\/span>\n        <span>GitHub<\/span>\n        <span>Simulaci\u00f3n<\/span>\n        <span>Modelos de investigaci\u00f3n<\/span>\n        <span>V\u00eda de validaci\u00f3n<\/span>\n        <span>Colaboraci\u00f3n Abierta<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<\/div>\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 Research Infrastructure HydrogenOrg Simulation Lab HydrogenOrg Simulation Lab connects the public research pages with Streamlit-based simulation models, GitHub-hosted research code, plasma hydrogen tools, geothermal systems, marine models, infrastructure layers and atmospheric regeneration simulators. Explore Public Simulators Research Suite Public Simulation Layer Public Research Simulators Public-facing tools designed to introduce HydrogenOrg models, assumptions and system &hellip; <a href=\"https:\/\/hydrogenorg.ch\/es\/hydrogenorg-simulation-lab\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> &#8220;HydrogenOrg Simulation Lab&#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-1083","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/pages\/1083","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=1083"}],"version-history":[{"count":1,"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/pages\/1083\/revisions"}],"predecessor-version":[{"id":1084,"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/pages\/1083\/revisions\/1084"}],"wp:attachment":[{"href":"https:\/\/hydrogenorg.ch\/es\/wp-json\/wp\/v2\/media?parent=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}