/* Complementa Bootstrap 5: navbar, banner institucional y login */

.bg-sma {
    background: linear-gradient(90deg, #1A237E, #283593) !important;
}

.fs-7 { font-size: .78rem; }

/* Banner con el logo institucional */
.banner-sma {
    background: linear-gradient(120deg, #A9C084, #8FB06E);
}
.banner-logo {
    height: 60px;
    width: auto;
    background: #fff;
    border-radius: 10px;
    padding: 6px 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

@media (max-width: 767px) {
    .banner-sma { flex-direction: column; align-items: flex-start !important; }
    .banner-sma .text-md-end { text-align: left !important; }
}

/* ---------- Login (Bootstrap) ---------- */
.bg-sma-login {
    background: linear-gradient(135deg, #1A237E, #283593);
}
.login-card-bs {
    width: 100%;
    max-width: 400px;
    border-radius: 1rem;
}
.login-logo-bs {
    height: 70px;
    width: auto;
}