/* Episodio 4 · el fusible sobre la conexión y la máquina de estados del breaker */
.fusible rect { fill: var(--papel); stroke: var(--tinta); stroke-width: 1; }
.fusible__texto { font-size: 7px; font-weight: 500; }
.fusible--cerrado rect { stroke: var(--ok); fill: var(--ok-fondo); }
.fusible--cerrado .fusible__texto { fill: var(--ok); }
.fusible--abierto rect { stroke: var(--fallo); fill: var(--fallo-fondo); }
.fusible--abierto .fusible__texto { fill: var(--fallo); }
.fusible--semiabierto rect { stroke: var(--lento); fill: var(--lento-fondo); }
.fusible--semiabierto .fusible__texto { fill: var(--lento); }
.lab .fusible__texto { font-size: 8px; }

.nodo--papel-estado rect { stroke: var(--linea); }
.nodo--papel-estado .nodo__nombre { font-size: 10px; fill: var(--tinta-suave); }
.nodo--cerrado.nodo--activo rect { stroke: var(--ok); fill: var(--ok-fondo); stroke-width: 2; }
.nodo--abierto.nodo--activo rect { stroke: var(--fallo); fill: var(--fallo-fondo); stroke-width: 2; }
.nodo--semiabierto.nodo--activo rect { stroke: var(--lento); fill: var(--lento-fondo); stroke-width: 2; }
.nodo--papel-estado.nodo--activo .nodo__nombre { fill: var(--tinta); }

.sin-breaker rect { fill: none; stroke: var(--linea-suave); stroke-dasharray: 4 3; }

.pixel .fusible rect { rx: 0; stroke-width: 2; fill: #05060d; }
.pixel .fusible--cerrado .rotulo-pixel { fill: var(--ok); }
.pixel .fusible--abierto .rotulo-pixel { fill: var(--fallo); }
.pixel .fusible--semiabierto .rotulo-pixel { fill: var(--lento); }
.pixel .nodo.nodo--papel-estado rect { fill: #05060d; stroke: #34427a; }
.pixel .nodo.nodo--papel-estado .rotulo-pixel { fill: var(--tinta-suave); }
.pixel .nodo.nodo--cerrado.nodo--activo rect { fill: var(--ok); stroke: #fff; }
.pixel .nodo.nodo--abierto.nodo--activo rect { fill: var(--fallo); stroke: #fff; }
.pixel .nodo.nodo--semiabierto.nodo--activo rect { fill: var(--lento); stroke: #fff; }
.pixel .nodo.nodo--papel-estado.nodo--activo .rotulo-pixel { fill: #05060d; }
.pixel .sin-breaker rect { stroke: #1b2240; }