/* LoginApp - Tema institucional
   Basado en ServiciosWeb.aspx */

:root {
    --loginapp-primary: #005daa;
    --loginapp-primary-rgb: 0, 93, 170;
    --loginapp-surface: #ffffff;
    --loginapp-surface-alt: #f8f9fa;
    --loginapp-border: #e2e8f0;
    --loginapp-text: #23455a;
    --loginapp-muted: #5b7080;
}

.loginapp-header {
    background-color: var(--loginapp-primary) !important;
    color: #ffffff !important;
}

body.loginapp-body .loginapp-header {
    background-color: #005daa !important;
    color: #ffffff !important;
}

.loginapp-logo {
    height: 48px !important;
    max-height: 48px !important;
    max-width: 220px !important;
    width: auto !important;
    object-fit: contain !important;
}

.loginapp-header .loginapp-logo,
.loginapp-header img.loginapp-logo {
    height: 48px !important;
    max-height: 48px !important;
    max-width: 220px !important;
    width: auto !important;
}

.loginapp-body {
    background:
        linear-gradient(180deg, rgba(0, 93, 170, 0.08), rgba(255, 255, 255, 0) 220px),
        #f5f6f8;
    color: var(--loginapp-text);
    min-height: 100vh;
}

.loginapp-card {
    background: var(--loginapp-surface);
    border: 1px solid var(--loginapp-border);
    border-radius: 1rem;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.loginapp-section-title {
    color: var(--loginapp-primary);
    font-weight: 700;
}

.loginapp-muted {
    color: var(--loginapp-muted);
}