/* Tipografía de las pantallas de Bootstrap 5 (_Layout_bs5 y _LayoutResponsableSede).
   Se carga DESPUÉS de ua.css (que viene de Bootstrap 3 y fija tamaños con selectores de elemento y porcentajes) y deja una
   escala única basada en las variables de Bootstrap:

     texto base ............ 14 px  (--bs-body-font-size): cuerpo, etiquetas, valores, campos, tablas y botones
     secundario ............ .small / .badge (Bootstrap)
     título de tarjeta ..... fs-6 (16 px); subtítulos fs-5; título de página: h1

   Para cambiar el tamaño base de toda la aplicación basta con cambiar --bs-body-font-size.
   No se usan font-size en línea en las pantallas (tools/comprobar-tipografia.mjs lo comprueba). */

:root
{
    --bs-body-font-size: 0.875rem;
}

body
{
    font-size: var(--bs-body-font-size);
}

/* Campos de formulario: heredan el tamaño del texto (Bootstrap los fija en 1rem y desentonaban con sus etiquetas) */
.form-control:not(.form-control-sm):not(.form-control-lg),
.form-select:not(.form-select-sm):not(.form-select-lg),
.form-control-plaintext,
.input-group-text
{
    font-size: inherit;
}

/* Tablas: ua.css las dejaba en 12px */
table.table
{
    font-size: inherit;
}

/* Botones: 14px (13px en btn-sm); el texto de los btn-lg (strong, en mayúsculas) ya no sube a 16px */
.btn
{
    --bs-btn-font-size: var(--bs-body-font-size);
    font-size: var(--bs-body-font-size);
}
    .btn.btn-sm {
        --bs-btn-font-size: 0.8125rem;
        font-size: 0.8125rem;
    }
.btn-lg strong
{
    font-size: inherit;
}
.bootbox button
{
    font-size: inherit;
}

/* Avisos: igual que el texto (ua.css los subía al 133 %) */
.aviso-alerta
{
    font-size: inherit;
}