/* Paleta de colores institucionales y estilos minimalistas */
:root {
    --simplimed-blue: #244b93;
    --simplimed-dark-blue: #1a3568;
    --simplimed-light-bg: #f8f9fa;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--simplimed-light-bg);
    color: #333333;
}

/* Navbar Principal */
.navbar-simplimed {
    background-color: var(--simplimed-blue);
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

    .navbar-simplimed .navbar-brand {
        font-weight: 700;
        letter-spacing: 0.5px;
        color: #ffffff !important;
    }

    .navbar-simplimed .nav-link {
        color: rgba(255, 255, 255, 0.85) !important;
        font-weight: 500;
        transition: color 0.2s ease;
    }

        .navbar-simplimed .nav-link:hover,
        .navbar-simplimed .nav-link:focus {
            color: #ffffff !important;
        }

    .navbar-simplimed .dropdown-menu {
        border: none;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        border-radius: 6px;
    }

    .navbar-simplimed .dropdown-item:active {
        background-color: var(--simplimed-blue);
    }

/* Contenedor Principal */
.main-container {
    min-height: calc(100vh - 120px);
}

/* Footer */
footer {
    background-color: #ffffff;
    border-top: 1px solid #e9ecef;
    color: #6c757d;
    font-size: 0.85rem;
}

/* Clases personalizadas para solucionar la falta de color morado en Bootstrap */
.border-purple {
    border-left-color: #6f42c1 !important;
}

.text-purple {
    color: #6f42c1 !important;
}

.bg-purple-light {
    background-color: rgba(111, 66, 193, 0.1) !important;
}

.bg-purple-badge {
    background-color: #6f42c1 !important;
    color: white !important;
}