/* Paleta amigable, limpia y profesional para el Comité de Parcelas */
:root {
  --verde-bosque: #2f6e4f;
  --verde-claro: #e8f3ec;
  --tierra: #8a5a35;
  --crema: #faf7f2;
  --gris-texto: #3a3a3a;
}

body {
  background-color: var(--crema);
  color: var(--gris-texto);
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}

.navbar-comite {
  background-color: var(--verde-bosque);
}

a {
  color: var(--verde-bosque);
}

.btn-primary {
  background-color: var(--verde-bosque);
  border-color: var(--verde-bosque);
}
.btn-primary:hover {
  background-color: #244f3a;
  border-color: #244f3a;
}

.card {
  border: none;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.card-header {
  background-color: var(--verde-claro);
  border-bottom: none;
  border-radius: 14px 14px 0 0 !important;
  font-weight: 600;
  color: var(--verde-bosque);
}

.kpi-card {
  text-align: center;
  padding: 1.25rem;
}
.kpi-card .valor {
  font-size: 1.8rem;
  font-weight: 700;
}
.kpi-card.ingresos .valor { color: var(--verde-bosque); }
.kpi-card.gastos .valor { color: #b3471f; }
.kpi-card.saldo .valor { color: var(--tierra); }

.table thead th {
  background-color: var(--verde-claro);
  color: var(--verde-bosque);
}

@media (max-width: 576px) {
  .kpi-card .valor { font-size: 1.4rem; }
}