/* Reglas propias que Bootstrap no cubre. El resto del look (colores, tipografia,
   radios) viene de css/bootstrap.min.css, compilado a medida en scss/theme.scss. */

.auth-card { max-width: 400px; }

.auth-divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
    margin: 1.25rem 0;
}

.auth-divider::before,
.auth-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--bs-border-color);
}

.auth-divider::before { margin-right: 0.75em; }
.auth-divider::after { margin-left: 0.75em; }

.page-narrow { max-width: 560px; }
.page-detalle { max-width: 720px; }

.table-clickable tbody tr { cursor: pointer; }

.pre-wrap { white-space: pre-wrap; }

/* Tamaño de letra elegido en "Mi perfil" (ver js/estilo.js). Bootstrap trabaja en rem,
   así que escalar el font-size de <html> agranda o achica todo de forma pareja. */
html.letra-chica { font-size: 87.5%; }
html.letra-grande { font-size: 118.75%; }

/* La barra de navegación se ve siempre como en "Letra pequeña nocturna", sea cual sea el
   estilo elegido: oscura (data-bs-theme="dark" en el <nav>, ver js/components/navbar.js) y
   con letra pequeña. Como todo va en rem, se compensa con zoom la escala de <html> para
   que termine siempre al 87.5%. */
.navbar-fija { zoom: 0.875; }
html.letra-chica .navbar-fija { zoom: 1; }
html.letra-grande .navbar-fija { zoom: 0.7368; } /* 0.875 / 1.1875 */