.app-header {
    background-color: #1e3a8a;
    height: 56px;
}

.nav-tabs .nav-link.active {
    font-weight: 600;
    border-bottom: 2px solid #1e3a8a;
}

.card-paso {
    border-radius: 8px;
}

.card-paso .card-header {
    font-weight: 600;
    background-color: #f8f9fa;
}

.kpi-card {
    border-radius: 8px;
    text-align: center;
    padding: .5rem .75rem;
    height: 100%;
}

.kpi-titulo {
    color: #6c757d;
    font-size: .8rem;
}

.kpi-valor {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.3;
}

.kpi-nota {
    color: #6c757d;
    font-size: .75rem;
}

.tabla-scroll {
    max-height: 480px;
    overflow-y: auto;
}

.tabla-scroll thead th {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
}

.tabla-compacta {
    font-size: .8rem;
    margin-bottom: 0;
}
