/* ============================================================
   Base visual SIGAE
   ============================================================ */

:root {
    --fa-width: auto;
    --sigae-azul: #004f9f;
    --sigae-azul-oscuro: #0b2344;
    --sigae-azul-suave: #e9f2ff;
    --sigae-rojo: #d71920;
    --sigae-verde: #0f8b6f;
    --sigae-tinta: #152033;
    --sigae-linea: #d9e2ef;
    --sigae-radius: 8px;
    --sigae-login-footer-height: 72px;
}

html,
body {
    min-height: 100%;
}

body {
    letter-spacing: 0;
}

/* Los badges verdes deben conservar siempre contraste suficiente. */
.badge.text-bg-success,
.badge.bg-success,
.badge.badge-success {
    color: #fff !important;
}

/* ============================================================
   Branding
   ============================================================ */

.sigae-brand {
    color: inherit;
    font-weight: 800;
    letter-spacing: 0;
}

.sigae-brand:hover,
.sigae-brand:focus {
    color: inherit;
}

.sigae-brand img {
    width: auto;
    max-width: 220px;
    height: 42px;
    object-fit: contain;
}

.sigae-brand__mark {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: var(--sigae-radius);
    color: #fff;
    background: var(--sigae-rojo);
    font-weight: 900;
}