/**
 * Estilos del contador de caracteres en vivo (ver web/js/char-counter.js).
 * Convenciones: BEM, mobile-first, estados accesibles con color + peso.
 */
.char-counter {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: #6c757d;
    text-align: right;
    transition: color 0.15s ease-in-out;
}

.char-counter--warning {
    color: #b26a00;
    font-weight: 500;
}

.char-counter--exceeded {
    color: #c82333;
    font-weight: 600;
}

.char-counter--too-short {
    color: #b26a00;
}