Notas de la batería
1) Esta página es para ajustar el CSS viendo el resultado online.
2) La flecha de reacción se carga como imagen. Reemplazá /img/flecha2.svg por tu asset real (tiza).
3) Por defecto, el NOX está oculto en compuestos con data-interactivo="nox" y aparece con clic (clase .nox-visible).
1) Compuestos aislados (sin contenedor)
Tres ejemplos por categoría: sin interacción, interactivos NOX, y con paréntesis/grupos.
1A — Sin interacción (Na₃PO₄)
1B — Sin interacción (Ca(OH)₂)
1C — Sin interacción (doble paréntesis: Fe(NH₄)₂(SO₄)₂)
Fe
(
N
H
4
)
2
(
S
O
4
)
2
1D — Interactivo NOX (KMnO₄) — clic
1E — Interactivo NOX (K₂Cr₂O₇) — clic
1F — Interactivo NOX (Fe₂(SO₄)₃) — clic
1G — Paréntesis/grupo (Al₂(SO₄)₃) — clic NOX
1H — Paréntesis/grupo (Ca(OH)₂) — clic NOX
1I — Doble paréntesis (Fe(NH₄)₂(SO₄)₂) — clic NOX
Fe
+2
(
N
-3
H
+14
)
2
(
S
+6
O
-24
)
2
2) Los mismos compuestos dentro de un contenedor “glass”
Objetivo: verificar que el “glass” NO afecta el interior del compuesto.
2A — Sin interacción (Na₃PO₄)
Na
3
P
O
4
2B — Sin interacción (Ca(OH)₂)
Ca
(
O
H
)
2
2C — Sin interacción (doble paréntesis: Fe(NH₄)₂(SO₄)₂)
Fe
(
N
H
4
)
2
(
S
O
4
)
2
2D — Interactivo NOX (KMnO₄) — clic
K
+1
Mn
+7
O
-24
2E — Interactivo NOX (K₂Cr₂O₇) — clic
K
+12
Cr
+62
O
-27
2F — Interactivo NOX (Fe₂(SO₄)₃) — clic
Fe
+32
(
S
+6
O
-24
)
3
2G — Paréntesis/grupo (Al₂(SO₄)₃) — clic
Al
+32
(
S
+6
O
-24
)
3
2H — Paréntesis/grupo (Ca(OH)₂) — clic
Ca
+2
(
O
-2
H
+1
)
2
2I — Doble paréntesis (Fe(NH₄)₂(SO₄)₂) — clic
Fe
+2
(
N
-3
H
+14
)
2
(
S
+6
O
-24
)
2
3) Ecuación redox (válida y balanceada) — flecha como imagen
Clic en cualquier compuesto para mostrar/ocultar NOX. Coeficiente 1 existe pero se oculta por CSS.
+
+
+
+
5
Fe
+32
(
S
+6
O
-24
)
3
+
4) La misma ecuación dentro de contenedor “glass”
+
+
+
+
5
Fe
+32
(
S
+6
O
-24
)
3
+
K
+1
Mn
+7
O
-24
K
+1
+
Mn
+7
O
-24
-1
+
(
Mn
+7
O
-24
)
-1