body { background-color: #f6f7fb; }
.card { border: none; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.navbar-brand { font-weight: 600; }
.table thead th { background-color: #eef0f5; }
.kpi-value { font-size: 1.8rem; font-weight: 700; }

/* Tablas anchas: que se puedan deslizar horizontalmente en el celular en vez
   de romper el diseño. */
.card-body { overflow-x: auto; }

@media (max-width: 576px) {
  .btn { min-height: 44px; }
  .form-control, .form-select { min-height: 44px; font-size: 1rem; }
  h3 { font-size: 1.4rem; }
}