:root {
  --guinda:      #6b1a2a;
  --guinda-dark: #4a1020;
  --arena:       #b8956a;
  --gris-suave:  #f4f2f0;
}

body { background: var(--gris-suave); }
.login-bg { background: linear-gradient(160deg, var(--guinda-dark), var(--guinda) 60%, #8a2a3c); }

.logo-circulo {
  width: 64px; height: 64px; border-radius: 50%;
  background: var(--guinda); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; letter-spacing: 1px;
}

.btn-guinda { background: var(--guinda); color: #fff; }
.btn-guinda:hover { background: var(--guinda-dark); color: #fff; }

.navbar-siget { background: var(--guinda); }
.navbar-siget .nav-link, .navbar-siget .navbar-brand { color: #f5e9ec; }
.navbar-siget .nav-link.active, .navbar-siget .nav-link:hover { color: #fff; }

.card-kpi { border: 0; border-left: 4px solid var(--guinda); }
.card-kpi .valor { font-size: 1.75rem; font-weight: 600; }

.riesgo-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; vertical-align: middle; }
.riesgo-VERDE { background: #2f9e44; }
.riesgo-AMARILLO { background: #f5a623; }
.riesgo-ROJO { background: #d64545; }

.badge-estatus { font-weight: 500; }

.whatsapp-preview {
  background: #e7f7e9; border: 1px solid #bfe3c5; border-radius: 8px;
  font-family: ui-monospace, Consolas, monospace; font-size: .85rem;
  white-space: pre-wrap; padding: 1rem;
}

@media (max-width: 576px) {
  .table-responsive { font-size: .85rem; }
}