/* Red neuronal interactiva: exclusiva de index.html.
   Adaptación Canvas 2D del ejemplo aportado por el usuario.
   No sustituye fondos institucionales ni intercepta los clics. */
body.page-institucional .neural-switch{
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  gap:9px; min-height:44px; padding:6px 10px;
  border:1px solid #cbdce4; border-radius:999px;
  background:#f4f9fb; color:#30536b; cursor:pointer;
  font:650 .74rem/1.1 var(--sans,"Open Sans",Arial,sans-serif);
  white-space:nowrap; transition:background-color .2s,border-color .2s;
}
body.page-institucional .neural-switch:hover{background:#e6f3f7;border-color:#8db5c8}
body.page-institucional .neural-switch[aria-checked="true"]{border-color:#79bdcc;background:#eaf8fa;color:#0f566b}
body.page-institucional .neural-switch__icon{font-size:1rem;line-height:1;flex:none}
body.page-institucional .neural-switch__track{
  position:relative;display:block;flex:none;width:33px;height:19px;
  border-radius:12px;background:#90a4af;transition:background-color .2s;
}
body.page-institucional .neural-switch__thumb{
  position:absolute;top:3px;left:3px;width:13px;height:13px;
  border-radius:50%;background:#fff;box-shadow:0 1px 3px #0c283b30;
  transition:transform .2s;
}
body.page-institucional .neural-switch[aria-checked="true"] .neural-switch__track{background:#187d96}
body.page-institucional .neural-switch[aria-checked="true"] .neural-switch__thumb{transform:translateX(14px)}
/* Ocultar únicamente los antiguos patrones SVG decorativos.
   La fotografía original background_1.jpeg del hero se conserva. */
body.page-institucional :is(
  .areas-section,.research-editorial,.software-showcase,
  .knowledge-section,.people-preview,.collaborations-section,.home-news
)::before{
  content:none;
  display:none;
}
/* Cada sección conserva su fondo cromático original; el Canvas está delante
   del fondo, detrás de los contenidos y nunca captura el puntero. */
body.page-institucional .neural-zone{position:relative;isolation:isolate}
body.page-institucional .neural-zone > canvas.neural-zone__canvas{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  pointer-events:none;z-index:1;opacity:0;
  transition:opacity .28s ease;
}
body.page-institucional.neural-enabled .neural-zone > canvas.neural-zone__canvas{opacity:1}
body.page-institucional .neural-zone > .shell{position:relative;z-index:2}
/* Footer: conservar fotografía de fondo y elevar ambos bloques sobre Canvas. */
body.page-institucional .site-footer.neural-zone > .footer-main,
body.page-institucional .site-footer.neural-zone > .footer-legal{
  position:relative;z-index:2;
}
@media(max-width:1020px){
 body.page-institucional .site-header__inner{gap:11px}
 body.page-institucional .neural-switch{margin-left:auto}
}
@media(max-width:650px){
 body.page-institucional .neural-switch{padding:7px 9px;gap:7px}
 body.page-institucional .neural-switch__label{font-size:0;width:0;overflow:hidden}
 body.page-institucional .neural-switch__icon{font-size:1.15rem}
}
@media(max-width:460px){
 body.page-institucional .site-header__inner{gap:6px 10px}
}
@media(prefers-reduced-motion:reduce){
 body.page-institucional .neural-switch,
 body.page-institucional .neural-switch__track,
 body.page-institucional .neural-switch__thumb,
 body.page-institucional .neural-zone > canvas.neural-zone__canvas{
  transition:none;
 }
}