.neurona-page{--paper-2:var(--card);--ink-dim:var(--muted);--signal:var(--olive);--inhibit:#9b3549;--fire:#247044;--font-display:Arial,"Segoe UI",sans-serif;--font-mono:Consolas,monospace;padding-block:32px 80px;font-family:var(--font-display);line-height:1.65}
.neurona-page *{box-sizing:border-box}

.neurona-page header{padding:56px 0 36px;border-bottom:1px solid var(--line)}
.neurona-page .eyebrow{
  font-family:var(--font-mono);font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--signal);margin-bottom:14px;
}
.neurona-page h1{font-size:clamp(1.8rem,4.5vw,2.9rem);font-weight:800;line-height:1.12;text-wrap:balance}
.neurona-page h1 .thin{color:var(--ink-dim);font-weight:400}
.neurona-page .lede{margin-top:16px;max-width:64ch;color:var(--ink-dim);font-size:1.05rem}
.neurona-page .lede strong{color:var(--ink)}
.neurona-page .lede code{font-family:var(--font-mono);color:var(--signal)}
.neurona-page h2{font-size:1.5rem;font-weight:800;margin-bottom:6px;text-wrap:balance}
.neurona-page h3{font-size:1.05rem;font-weight:600}
.neurona-page .section{margin-top:56px}
.neurona-page .section-label{
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px;
}
.neurona-page .section-label::before{content:"— ";color:var(--signal)}
.neurona-page p.note{color:var(--ink-dim);max-width:70ch;margin-top:8px}
.neurona-page p.note b,.neurona-page p.note strong{color:var(--ink)}
.neurona-page p.note code{font-family:var(--font-mono);font-size:.9em;color:var(--signal)}
.neurona-page .lab{
  margin-top:20px;border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(180deg,var(--paper-2),rgba(19,36,64,.75));
  box-shadow:0 12px 40px rgba(0,0,0,.35);
  overflow:hidden;
}
.neurona-page .lab-grid{display:grid;grid-template-columns:1fr 300px}
.neurona-page .stage{padding:10px 6px 0;min-width:0}
.neurona-page .stage svg{display:block;width:100%;height:auto}
.neurona-page .panel{
  border-left:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:18px;
  background:rgba(10,20,36,.45);
}
.neurona-page .panel h3{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}
.neurona-page .preset-row{display:flex;flex-wrap:wrap;gap:8px}
.neurona-page button{
  font-family:var(--font-mono);font-size:.8rem;font-weight:500;
  color:var(--ink);background:transparent;border:1px solid var(--line);
  border-radius:6px;padding:7px 11px;cursor:pointer;
  transition:border-color .15s, background .15s, color .15s;
}
.neurona-page button:hover{border-color:var(--signal);color:var(--signal)}
.neurona-page button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.neurona-page button.active{background:var(--signal);border-color:var(--signal);color:#1a1205;font-weight:600}
.neurona-page button.mode.active-inh{background:var(--inhibit);border-color:var(--inhibit);color:#2a0b0b;font-weight:600}
.neurona-page .stepper{display:flex;align-items:center;gap:10px}
.neurona-page .stepper .value{
  font-family:var(--font-mono);font-size:1.3rem;font-weight:600;min-width:2.2ch;text-align:center;
  color:var(--signal);font-variant-numeric:tabular-nums;
}
.neurona-page .stepper button{width:36px;height:36px;padding:0;font-size:1.05rem;line-height:1}
.neurona-page .readout{
  border-top:1px solid var(--line);padding-top:16px;
  font-family:var(--font-mono);font-size:.85rem;line-height:1.9;
}
.neurona-page .readout .sum{color:var(--signal)}
.neurona-page .readout .yes{color:var(--fire);font-weight:600}
.neurona-page .readout .no{color:var(--inhibit);font-weight:600}
.neurona-page .readout small{color:var(--ink-dim)}
.neurona-page .verdict{
  border:1px solid var(--line);border-radius:8px;padding:10px 14px;
  font-size:.92rem;font-weight:600;text-align:center;
}
.neurona-page .verdict.go{border-color:var(--fire);color:var(--fire);background:rgba(126,232,162,.07)}
.neurona-page .verdict.stay{border-color:var(--inhibit);color:var(--inhibit);background:rgba(255,107,107,.06)}
.neurona-page .hint{
  font-size:.8rem;color:var(--ink-dim);border-left:2px solid var(--signal);
  padding-left:10px;line-height:1.5;
}
.neurona-page .hint b{color:var(--signal)}
.neurona-page .hint.warn{border-left-color:var(--inhibit)}
.neurona-page .hint.warn b{color:var(--inhibit)}
.neurona-page .edge{stroke:var(--line);stroke-width:2.5;fill:none;transition:stroke .2s}
.neurona-page .edge.on{stroke:var(--signal);stroke-dasharray:7 7;animation:flow .5s linear infinite}
.neurona-page .edge.on.inh{stroke:var(--inhibit)}
@keyframes flow{to{stroke-dashoffset:-14}}
@media (prefers-reduced-motion: reduce){
.neurona-page .edge.on{animation:none}
.neurona-page *{scroll-behavior:auto !important;transition:none !important}
}
.neurona-page .inputNode{cursor:pointer}
.neurona-page .inputNode circle.body{fill:var(--paper-2);stroke:var(--line);stroke-width:2.5;transition:all .15s}
.neurona-page .inputNode:hover circle.body{stroke:var(--ink-dim)}
.neurona-page .inputNode.on circle.body{fill:var(--signal);stroke:var(--signal)}
.neurona-page .inputNode.on.inh circle.body{fill:var(--inhibit);stroke:var(--inhibit)}
.neurona-page .inputNode text{font-family:var(--font-mono);font-weight:600;fill:var(--ink);pointer-events:none}
.neurona-page .inputNode.on text.val{fill:#1a1205}
.neurona-page .qlbl{font-family:var(--font-display);font-size:12.5px;fill:var(--ink-dim)}
.neurona-page .qlbl.onq{fill:var(--ink)}
.neurona-page .xname{font-family:var(--font-mono);font-size:13px;font-weight:600;fill:var(--ink)}
.neurona-page .xname.inhname{fill:var(--inhibit)}
.neurona-page .soma-half-l{fill:rgba(255,179,71,.07)}
.neurona-page .soma-half-r{fill:rgba(126,232,162,.06)}
.neurona-page .soma-ring{fill:none;stroke:var(--ink);stroke-width:3}
.neurona-page .soma-ring.firing{stroke:var(--fire);filter:drop-shadow(0 0 7px rgba(126,232,162,.7))}
.neurona-page .soma-div{stroke:var(--ink);stroke-width:3}
.neurona-page .soma-txt{font-family:var(--font-mono);fill:var(--ink)}
.neurona-page .outNode circle{fill:var(--paper-2);stroke:var(--line);stroke-width:2.5;transition:all .2s}
.neurona-page .outNode.firing circle{fill:var(--fire);stroke:var(--fire);filter:drop-shadow(0 0 10px rgba(126,232,162,.8))}
.neurona-page .outNode text{font-family:var(--font-mono);font-weight:600;fill:var(--ink)}
.neurona-page .outNode.firing text.val{fill:#07210f}
.neurona-page .lbl{font-family:var(--font-mono);font-size:11px;fill:var(--ink-dim);letter-spacing:.08em}
.neurona-page .lbl.hand{fill:var(--signal)}
.neurona-page .inhDot{fill:var(--paper);stroke:var(--inhibit);stroke-width:2.5}
.neurona-page .arrowHead{fill:var(--line)}
.neurona-page .edge-group.on .arrowHead{fill:var(--signal)}
.neurona-page .table-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--paper-2)}
.neurona-page table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.86rem;font-variant-numeric:tabular-nums}
.neurona-page th,.neurona-page td{padding:8px 14px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.neurona-page th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-weight:500}
.neurona-page tbody tr{cursor:pointer;transition:background .12s}
.neurona-page tbody tr:hover{background:rgba(255,179,71,.07)}
.neurona-page tbody tr:last-child td{border-bottom:none}
.neurona-page tbody tr.current{background:rgba(255,179,71,.14);box-shadow:inset 3px 0 0 var(--signal)}
.neurona-page td.fire{color:var(--fire);font-weight:600}
.neurona-page td.silent{color:var(--ink-dim)}
.neurona-page th.inhcol,.neurona-page td.inhcol{color:var(--inhibit)}
.neurona-page td.lectura{font-family:var(--font-display);font-size:.8rem;color:var(--ink-dim);text-align:left}
.neurona-page td.lectura.go{color:var(--fire)}
.neurona-page .formula{
  margin-top:18px;border:1px solid var(--line);border-radius:10px;padding:26px 24px;
  background:var(--paper-2);font-family:var(--font-mono);
  font-size:clamp(.82rem,2.3vw,1rem);overflow-x:auto;
  display:grid;gap:18px;
}
.neurona-page .formula .row{text-align:center}
.neurona-page .formula .tag{
  display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-dim);margin-bottom:6px;
}
.neurona-page .formula .z{color:var(--signal)}
.neurona-page .formula .a{color:var(--fire)}
.neurona-page .formula .cond{color:var(--ink-dim);font-size:.85em}
.neurona-page .formula .i{color:var(--inhibit)}
.neurona-page .formula sup,.neurona-page .formula sub{font-size:.7em}
.neurona-page .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:18px}
.neurona-page .card{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--paper-2)}
.neurona-page .card .num{font-family:var(--font-mono);font-size:.74rem;color:var(--signal);letter-spacing:.12em;margin-bottom:10px}
.neurona-page .card .num.red{color:var(--inhibit)}
.neurona-page .card h3{margin-bottom:8px;text-wrap:balance}
.neurona-page .card p{font-size:.92rem;color:var(--ink-dim)}
.neurona-page .card p b,.neurona-page .card p strong{color:var(--ink)}
.neurona-page .card code{font-family:var(--font-mono);font-size:.84em;color:var(--signal);background:rgba(255,179,71,.09);padding:1px 5px;border-radius:4px}
.neurona-page .card ul{margin:8px 0 0 18px;font-size:.92rem;color:var(--ink-dim)}
.neurona-page .card ul b{color:var(--ink)}
.neurona-page .card li{margin-bottom:6px}
.neurona-page .quiz{margin-top:18px;display:grid;gap:16px}
.neurona-page .q{border:1px solid var(--line);border-radius:10px;padding:20px 22px;background:var(--paper-2)}
.neurona-page .q h3{margin-bottom:12px}
.neurona-page .q .opts{display:flex;flex-direction:column;gap:8px}
.neurona-page .q .opts button{text-align:left;font-family:var(--font-display);font-size:.9rem;padding:10px 14px}
.neurona-page .q .opts button.ok{border-color:var(--fire);color:var(--fire);background:rgba(126,232,162,.08)}
.neurona-page .q .opts button.ko{border-color:var(--inhibit);color:var(--inhibit);background:rgba(255,107,107,.07)}
.neurona-page .q .expl{display:none;margin-top:12px;font-size:.86rem;color:var(--ink-dim);border-left:2px solid var(--fire);padding-left:12px}
.neurona-page .q .expl.show{display:block}
.neurona-page .q .expl b{color:var(--ink)}
.neurona-page footer{margin-top:70px;border-top:1px solid var(--line);padding-top:20px;font-size:.8rem;color:var(--ink-dim);font-family:var(--font-mono)}

@media (max-width:880px){
.neurona-page .lab-grid{grid-template-columns:1fr}
.neurona-page .panel{border-left:none;border-top:1px solid var(--line)}
}
.neurona-page .freesamia-nav{padding:22px 0;position:relative}
.neurona-page .freesamia-nav a,.neurona-page .reference-content a{color:var(--signal)}
.neurona-page .reference-content{margin-top:48px;padding:24px;border:1px solid var(--line);background:var(--paper-2)}
.neurona-page .reference-content h3{margin-top:18px}
.neurona-page .reference-content ul,.neurona-page .reference-content ol{padding-left:24px}
.neurona-page a:focus-visible,.neurona-page button:focus-visible{outline:3px solid var(--fire);outline-offset:4px}

.neurona-page h1,.neurona-page h2,.neurona-page h3{font-family:Georgia,serif}
.neurona-page h1{font-size:clamp(2.2rem,4.5vw,3.9rem);font-weight:400;letter-spacing:-.035em;max-width:27ch}
.neurona-page h1 .thin{color:var(--olive);font-style:italic}
.neurona-page header{padding:24px 0 36px}
.neurona-page .eyebrow{color:var(--muted)}
.neurona-page .lab{background:var(--card);box-shadow:0 12px 36px #173e6710;border-radius:18px}
.neurona-page .panel{background:var(--soft)}
.neurona-page button{min-height:44px}
.neurona-page button.active,.neurona-page button.mode.active-inh{color:white}
.neurona-page .inputNode.on text.val,.neurona-page .outNode.firing text.val{fill:white}
.neurona-page .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.neurona-page .card,.neurona-page .q,.neurona-page .formula{border-radius:14px}
.neurona-page .breadcrumb{font-size:14px;color:var(--muted)}
.neurona-page .reference-content{background:transparent;padding:24px 0;border-width:1px 0 0}
.neurona-page .stage,.neurona-page .panel,.neurona-page .card{min-width:0}

/* Figura y controles compactos: una vista completa en pantallas de escritorio. */
.neurona-page .lab-grid{grid-template-columns:minmax(0,1fr)}
.neurona-page .stage{display:flex;align-items:center;justify-content:center;padding:8px 12px}
.neurona-page .stage svg{width:100%;height:auto;max-height:49svh;max-width:900px}
.neurona-page .panel{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px 20px;border-left:0;border-top:1px solid var(--line);padding:16px;align-items:start}
.neurona-page .panel h3{margin:0 0 6px}
.neurona-page .panel .preset-row{gap:6px}
.neurona-page .panel button{padding:6px 9px;font-size:.78rem}
.neurona-page .readout{border:0;padding:0;line-height:1.5}
.neurona-page .verdict{margin:0;align-self:center}
.neurona-page .hint{margin:0;align-self:center}
.neurona-page .formula{padding:20px;gap:12px}
.neurona-page .table-wrap th,.neurona-page .table-wrap td{padding-block:5px}
.neurona-page .section{scroll-margin-top:16px}
@media(max-width:700px){
 .neurona-page .panel{grid-template-columns:1fr 1fr;padding:12px;gap:12px}
 .neurona-page .panel>div:nth-child(2){grid-column:1 / -1;grid-row:2}
 .neurona-page .panel .readout,.neurona-page .panel .hint{grid-column:1 / -1}
 .neurona-page .stage{padding:8px 0}
 .neurona-page .stage svg{max-height:38svh}
}