html,
body {
    background-color: #f5f7fb;
    font-family: "Segoe UI", sans-serif;
}

/* CARDS */

.page-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,.08);
}

.page-card-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.2rem;
    font-weight: 600;
    color: #16315b;
}

.page-card-body {
    padding: 1.5rem;
}

/* BOTONES */

.btn-primary {
    background-color: #16315b;
    border-color: #16315b;
}

    .btn-primary:hover {
        background-color: #102345;
        border-color: #102345;
    }