/* reading-scale.css — ESCALA DE LECTURA COMPARTIDA (owner 2026-10-04, opción B; manual UX §1.4 «Escala de lectura»).
 *
 * Una sola fuente de verdad para el tamaño de lectura del chat rápido (CSS vanilla) y de la oficina del agente
 * (React/Tailwind: `ws-text-[length:var(--read-body)]`). Pensada primero para móvil: el cuerpo nunca baja de 16 px en
 * teléfono y ningún texto baja de 12 px. El campo de escritura usa 16 px en móvil (iOS hace zoom con menos).
 *
 *                       móvil (≤767px)   escritorio   pantalla completa (body.chat-fullscreen)
 *   --read-body              16px           15px          16.5px   respuestas, ideas, burbujas, mensaje flotante
 *   --read-sec               14px           13px          14px     títulos, botones, títulos de fuentes, pasos
 *   --read-meta              13px           12px          13px     medio, fecha, acciones, contadores
 *   --read-micro             12px           12px          12px     etiquetas (mínimo absoluto)
 *   --read-input             16px           15px          16px     campos de texto
 */
:root {
    --read-body: 15px;
    --read-sec: 13px;
    --read-meta: 12px;
    --read-micro: 12px;
    --read-input: 15px;
}

@media (max-width: 767px) {
    :root {
        --read-body: 16px;
        --read-sec: 14px;
        --read-meta: 13px;
        --read-input: 16px;
    }
}

body.chat-fullscreen {
    --read-body: 16.5px;
    --read-sec: 14px;
    --read-meta: 13px;
    --read-input: 16px;
}