/* ===== Mejoras de estética ===== */
:root {
    --brand-1: #0d6efd;
    --brand-2: #6f42c1;
    --bg-soft: #f8f9fc;
}

.bg-gradient-primary {
    background: linear-gradient(90deg, var(--brand-2), var(--brand-1));
}

body {
    background: var(--bg-soft);
}

.card {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

.btn {
    border-radius: .75rem;
}

.table thead th {
    background-color: #f1f4f9;
    border-bottom: none;
}

.navbar .navbar-brand {
    font-weight: 700;
    letter-spacing: .5px;
}

.modal-content {
    border-radius: 1rem;
}

.form-control, .form-select {
    border-radius: .75rem;
}

.badge-soft {
    background: #eef2ff;
    color: #3b5bdb;
    border-radius: .5rem;
    padding: .25rem .5rem;
}