Base estructural Química

Especificación + muestras (sin sorpresas)

Objetivo

Maquetado artesanal de compuestos (superíndices + subíndices) que no se rompe por layout externo. Separación: HTML (estructura+datos) / CSS (visual) / JS (inferencias).

Contrato semántico

Ecuación: .reaccion con data-eq y data-tipo. Reactivo/Producto: .reactivo / .producto con data-coef (siempre; 1 implícito). Compuesto: .compuesto (aislado o dentro de reacción). Unidad mínima: .par con data-el y data-nox si aplica. Subíndices: si no hay subíndice visible, cantidad = 1 (implícita). Grupos: .grupo con data-multiplicador y subíndice externo visible.

Muestra A — compuesto aislado (H₂O)

H 2 O

Muestra B — compuesto con NOX (KMnO₄)

K +1 Mn +7 O -24

Muestra C — ecuación (reactivo/producto + coeficiente)

2

K +1 Mn +7 O -24

+

1

Fe +2

→

1

Mn +2

Muestra D — paréntesis con subíndice externo

Al +32 ( S +6 O -24 ) 3