/* ayuda.css — cómo se ve la ayuda de Loea Solutions. * ═══════════════════════════════════════════════════════════════════════ * Aquí no hay ni una fórmula, así que vive en el NÚCLEO y no en un área. * Es la regla de oro del `CLAUDE.md` de la raíz, y aplica entera: la ficha * de `VF` y la de `NUMEROLETRAS` se dibujan igual, y `en` va a querer la * misma. Dejarla dentro de `ax` habría sido el caso `#cards` otra vez, con * 363 reglas en vez de 22. * * (`ARMAZON-DEL-PANEL.md` §9 decía «lo de la ficha es del menú». Se escribió * el 27 ago 2026, antes del rediseño y antes de que `en` decidiera reusar * estas piezas. Queda corregido aquí.) * * ── POR QUÉ ES UN SOLO ARCHIVO Y NO OCHO ────────────────────────────── * El diseño se decidió en `docs/referencia/_ayuda/` **por capas**: cada * opción se cargaba encima de la anterior y sólo pisaba lo que cambiaba, que * es lo que permitía abrir dos y compararlas sin tocar la de abajo. Ocho * archivos y una guerra de especificidad documentada capa por capa. * * Eso servía para DECIDIR. Para publicar no: aquí van concatenadas **en el * mismo orden**, que es la única manera de garantizar que lo que se ve es * exactamente lo que se aprobó. Se comprobó comparando los estilos calculados * contra la maqueta, propiedad por propiedad. * * Quedan reglas que una capa posterior pisa —el `background:none` del banner * en la G, que la I devuelve— y eso es deuda a limpiar en frío, con la * comparación delante. NO se limpió al migrar: una cosa es mudar y otra * reescribir, y hacerlas juntas es como se pierde el parecido. * * ── EL ORDEN IMPORTA ────────────────────────────────────────────────── * Las secciones de abajo van en el orden en que se cargaban. Mover una es * cambiar el diseño, aunque no se toque ni una declaración. * ═══════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════ LA BASE · el `