:root {
  --sik-verde: #0B4A1E;
  --sik-verde-claro: #E2EFDA;
  --sik-azul: #1F3864;
  --sik-azul-claro: #D9E2F3;
  --sik-naranja: #C0602A;
  --sik-naranja-claro: #FCE4D6;
  --sik-gris: #595959;
  --sik-oro: #B08D57;
}

body { background-color: #F7F7F5; }

.sik-navbar { background-color: var(--sik-verde) !important; }

/* ---- Semáforo ---- */
.semaforo-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
}
.semaforo-verde   { background-color: #2E7D32; }
.semaforo-ambar   { background-color: #F9A825; }
.semaforo-rojo    { background-color: #C62828; }
.semaforo-sin_datos { background-color: #9E9E9E; }

.badge-semaforo {
  font-size: 0.8rem;
  padding: 0.35em 0.7em;
  border-radius: 999px;
  color: #fff;
}
.badge-semaforo.verde   { background-color: #2E7D32; }
.badge-semaforo.ambar   { background-color: #F9A825; color:#333; }
.badge-semaforo.rojo    { background-color: #C62828; }
.badge-semaforo.sin_datos { background-color: #9E9E9E; }

/* ---- Bloques de nivel (Impacto / Resultado / Gestión) ---- */
.bloque-nivel {
  border-radius: 10px;
  padding: 1.2rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(0,0,0,0.08);
}
.bloque-impacto  { background-color: var(--sik-azul-claro); }
.bloque-resultado { background-color: var(--sik-verde-claro); }
.bloque-gestion_producto,
.bloque-gestion_proceso { background-color: var(--sik-naranja-claro); }

.bloque-nivel h3 { color: var(--sik-verde); font-weight: 700; }

.card-empresa { transition: box-shadow .15s ease-in-out; }
.card-empresa:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.12); }

.tree-item { border-left: 3px solid var(--sik-oro); padding-left: 1rem; margin-bottom: 0.75rem; }

.badge-nivel-impacto  { background-color: var(--sik-azul); }
.badge-nivel-resultado { background-color: var(--sik-verde); }
.badge-nivel-gestion_producto,
.badge-nivel-gestion_proceso { background-color: var(--sik-naranja); }